GROAWGH! Ich hasse CSS

Ich verstehe die Probleme der Browserhersteller nicht, einfach das zu tun, was in meinem css stylesheet drin steht.

Ok, wenn ein Browser mal das ein oder andere exotische Tag wie <blink> nicht umsetzen will bzw. kann ist das vielleicht noch verständlich.

Aber ein margin-left: 5px; sollte sich ja wohl unmissverständlich rendern lassen und keinen Spielraum für Interpretationen lassen. Warum manche Browser dies jedoch trotzdem tun wird mir wohl auf ewig ein Rätsel bleiben und mir Kopfzerbrechen bereiten.

Glücklicherweise gibt es zumindest im Internet Explorer die Möglichkeit die Browser zu separieren:

<style type="text/css" media="screen">
@import url(style.css);
</style>
<!-- [if IE]>
<style type=”text/css” media=”screen”>
@import url(iefix.css);
<![endif]–>
</style>

In obigem Codebeispiel werden Teile des “original Stylesheets” mit Einträgen aus dem Stylesheet für den Internet Explorer ersetzt. Etwas gepfuscht, funktioniert aber weil der Internet Explorer den auskommentierten Bereich interpretieren kann, während ihn andere Browser einfach ignorieren.

So geschehen mit meinem aktuellen “Redesign” meines Blogs in dem ich einfach nur ein paar Div’s verschoeben habe. Am meisten Probleme bereitet mir dabei unerwarteterweise der Opera.

Das Resultat:

Firefox

Internet Explorer 6

Internet Explorer 7

Opera

Safari