css in IE5 und Firefox

  • Hallo an alle die con CSS mehr Ahnung haben als ich,

    Habe mein Menue mit Hilfe von CSS gelöst. Im IE5 sah alles gut aus.
    Als ich sie aber mal im IE5 betrachtete sah sie ganz anders. Das Viereck vor dem Menuepunkt rutscht in das Wort.

    Hier das menue:
    http://www.owicom.de/n/mts/test.htm

    Das Problem konnte ich jetzt lösen Und zwar hat dazu die Angabe der Höhe gereicht, den einen Hack brauchte ich nicht . IE5=IE6! (sie steht online)

    Allerdings gibt es jetzt eine unterschiedliche Dartsellungen im Firefox.
    Die ganze Ebende ist da ein paar Pixel nach oben verschoben. Was ist jetzt schon wieder los?

    Fänds super wenn jemand dafür auch noch eine so einfache Lösung hättest.

    Besten Dank
    Niklas

  • Der Grund für die Fehldarstellung liegt an der fehlerhaften/falschen Interpretation der Standards CSS2. Es ist so, dass der IE speziell die Höhen- und Breitenangaben für das Box-Modell (also z.B. div-Elemente) in falscher Weise umsetzt.

    So sind im CSS die Angaben width und height als Größen für die eigentliche Box zu verstehen. Innen- (padding) und Außenabstände (margin) sind dann entsprechend hinzu- bzw. abzuziehen. Der IE hingegen rechnet die padding- & margin-Angaben in die Angabe width und height mit ein. Dadurch ergeben sich zwangsläufig Anzeigefehler.

    Du kannst nur dem IE5.x ein gesondertes eigenes Stylesheet zuweisen, der diese Mängel halbwegs ausgleichen kann. Du kannst sowas durch eine Browserweiche erreichen. Hierzu gibts eine Vielzahl an Möglichkeiten. Dazu solltest du ein wenig google'n

    "Carpe Diem" powered by positiv Feelings