nicht angemeldet
Hallo Forum!
Anderswo ging die Diskussion darum, welches denn der beste Browser sei. Der IE ist es jedenfalls nicht, der versagt bei meiner neuen Seite komplett...
Naja, damit hier nicht nur M$-Bashing rauskommt, gibts ja vielleicht doch eine Lösung für das Problem.
Des Pudels Kern ist "position:fixed". Netscape 6.2 kanns, Mozilla kanns, Opera 5 kanns, nur IE 4, 5.5 und 6.0 kanns nicht! Dumm, äußerst dumm.
Nun hatte ich versucht, durch folgende Definition den "fixed"-Nichtkönnern zumindest ein "absolute" unterzuschieben:
#navi { position:absolute; position:fixed; top:20px; left:20px; width:150px; background-color:#0040ff; font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:15px; color:#FFFFFF; padding:5px;}
Den "Trick" mit der doppelten Position-Definition habe ich von den offiziellen W3C-Seiten zum Thema CSS. Dort ist ein wirklich schön gestalteter fixed-Bereich - die Seite http://www.w3.org/Style/CSS/ sieht im Internet Explorer aber wirklich bescheiden aus.
Habe ich nicht in irgendeiner offiziellen CSS-Definition gelesen, daß ein Browser ihm unbekannte Definitionen ignorieren soll?
Naja, die interessante Frage ist: Wie bastel ich dem IE was zurecht, was:
- ohne Javascript auskommt (separate CSS-Dateien je nach Browser sind ja nun wirklich ein Anachronismus)
- ohne irgendwelches CSS-Hacking auskommt (es gibt da irgendeinen Trick, die Definition aufgrund eines Bugs im IE vorzeitig abzuschließen und für andere Browser noch Dinge nachzuschieben)
- und trotzdem "position:fixed" nutzt.
Immerhin sind die Seiten mittlerweile (und das im Vergleich zu den vorherigen Tabellen auch ohne großen Aufwand) HTML 4.01 Strict valide, auch das CSS ist valide. Fehlt nur noch, daß der angeblich so tolle Internet Exploder das auch rafft.
Links zum selber gucken:
http://www.rtbg.de/sandkiste/index.html Das corpus delicti
http://www.rtbg.de/sandkiste/style.css Das Stylesheet
http://validator.w3.org/check?uri=www.rtbg.de%2Fsandkiste%2F&charset=(detect+automatically)&doctype=Inline Valides HTML
http://jigsaw.w3.org/css-validator/validator?uri=www.rtbg.de%2Fsandkiste%2F&warning=2&profile=css2 Valides CSS (mit einigen kleinen Warnungen...)
- Sven Rautenberg