a {
border-style: dotted;
}
Internet Explorer 6? Soll das etwa ein schlechter Witz sein???
Wieso erscheint der Rahmen im Internet Explorer 6 als “dashed”, wenn im CSS “dotted” angegeben wurde? Komisch nicht? Jaja, Internet Explorer 6 und ihre Macken, und was machen wir jetzt?
Was passiert im IE6, wenn ich im CSS “dashed” angebe?
a {
border-style: dashed;
}
Aha. Ganz logisch, ja. Wenn ich also zukünftig “dashed” meine, muss ich im IE6 “dotted” angeben, aber im Firefox (und alle anderen Browsern) “dashed”.
Die Lösung:
Zum Glück gibt es ja CSS-Hacks, wie zum Beispiel diesen !important-CSS-Hack:
a {
border-style: dotted !important;
border-style: dashed;
}
Wir wollen, dass der Rahmen gepunktet (dotted) wird. Internet Explorer Version 6 oder niedriger würde die !important-Regel ignorieren und die letztere Regel anwenden, also “dashed”: Es sieht im IE6- also “dotted” aus. Alle moderneren Browser erkennen, dass die erste Regel wichtiger (!important) als die zweite Regel ist, deshalb werden bei denen der Rahmen auch als “dotted” erscheinen…
Das ist wirklich mal ein feiner Hack!
Herzlichen Dank dafür … verdammte scheiße, dieser närrische Browser treibt mich noch irgendwann mal in den Wahnsinn.
Warum ist der IE nur so blöde ? Das darf doch nicht wahr sein. Ich liebe Mozilla Firefox…
Bei mir verhält sich das leider anders :/
Der IE kennt “dotted” und stellt es auch so dar, allerdings erst ab einer Rahmenbreite von 3px! Vorher isses dashed und kann auch durch nichts dazu bewegt werden gepunktet auszusehen -.-
border-width: 1px !important;
border-width: 3px;
border-style: dotted;