| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
wurZelZwerg
Anmeldedatum: 15.11.2007
Beiträge: 12
|
 Verfasst am: 09.01.2008, 16:05 Titel: CSS speziell für den Internet Explorer |
 |
|
Ich bin ein ziemlicher Anfänger im Webdesign, also bitte nicht über blöde Fragen böse sein.
Ich hab mal angefangen, meine erste Page zu designen, das hat auch ganz gut funktioniert, nur im Internet Explorer wird alles falsch angezeigt. Gibt es da ne Möglichkeit, im CSS spezielle Sachen nur für den Internet Explorer festzulegen? |
|
| Nach oben |
|
 |
derhoesel
Anmeldedatum: 20.04.2007
Beiträge: 101
|
| Verfasst am: 09.01.2008, 16:49 Titel: |
|
|
Hi.
Da gibt es verschiedene Möglichkeiten:
Inzwischen gerne angewendet werden Conditional Comments, mit denen du z.B. allen Benutzern des ie6 ein eigenes Stylesheet zuweisen kannst:
| Code: | <!--[if gte IE 6]>
<style type="text/css">
Stylesheets für den IE ab Version 6 (größer oder gleich 6)
</style>
<![endif]-->
|
Dieses und weitere Beispiele gibt es hier.
Von dieser Variante halte ich persönlich allerdings nichts, da sie nichts mit Standards zu tun hat, proprität ist und zudem nicht unbedingt immer alle bzw. die richtigen Browser erwischt.
Viel eleganter finde ich die Möglichkeit, einzelne Elemente einmal für den ie und einmal für andere Browser zu definieren. Das machst du, indem du vor die ie-Elemente im CSS schreibst, ein valides und dennoch völlig überflüssiges Code-Fragment, das jedoch von allen Internet Explorer-Versionen <= 6 akzeptiert wird.
Vor das gleichnamige Element, das dann durch alle anderen Browser sowie den ie7 (der ja schon um einiges besser geworden ist) interpretiert werden soll, schreibst du
Dies ist ebenfalss valide und eigentlich überflüssig, schließt jedoch alle Internet Explorer <= 6 aus.
Hilft dir das soweit weiter?
_________________
 Mein PC bei PCadept  |
|
| Nach oben |
|
|
admin
Site Admin
Anmeldedatum: 05.03.2007
Beiträge: 37
|
| Verfasst am: 09.01.2008, 19:00 Titel: |
|
|
Ergänzend kann man noch bei bestimmten Eigenschaften, die vom Internet Explorer nicht unterstützt werden, eingreifen:
Auf PCadept zum Beispiel wird für den Internet Explorer eine fixe Breite verwendet, da er das min-width-Attribut nicht unterstützt. Um jetzt auf allen anderen Browsern trotzdem eine dynamische Breite zu erhalten, haben wir das CSS so umgesetzt:
| Code: | min-width:980px;
width:auto !important; /*Für andere Browser*/
width:980px; /*Für den IE*/ |
Hierbei wird die min-width-Angabe vom ie komplett ignoriert, von anderen Browsern jedoch übernommen. Das width:auto wird zunächst von allen Browsern übernommen, das !important stellt diese Regel über nachfolgende Deklarationen, wird allerdings vom ie ebenfalls nicht beachtet. Das nachfolgende feste width ist für andere Browser nicht interessant, da schon eine important-Regel zu width existiert. Der ie nimmt aber stur die erneute width-Deklaration und verwirft die erste, womit wir bei einer festen Breite im Internet Explorer wären.
_________________
...der Admin hat gesprochen |
|
| Nach oben |
|
|
wurZelZwerg
Anmeldedatum: 15.11.2007
Beiträge: 12
|
| Verfasst am: 09.01.2008, 19:11 Titel: |
|
|
Hey super, danke!
Hat mir wirklich sehr weitergeholfen. |
|
| Nach oben |
|
|
|
FAQ 
Suchen 
Mitgliederliste 
Benutzergruppen
Registrieren
Profil 
Einloggen, um private Nachrichten zu lesen 
Login