nicht angemeldet
Hallo. Ich habe als Konzept eine einfache Seite mit ein paar <div>'s und einem CSS erstellt, welche unter http://image.lodsoft.de/temp/test.htm temporär verfügbar ist.
(Es folgt Wortgulasch, um die Sache abzukürzen.) Das Problem spielt sich im div#menu ab, welcher ein links gefloatetes img#sitelogo sowie weitere nichtgefloatete <div>'s enthält. Das umschließende div#menu hat eine 1 Pixel breite border-bottom, welche unter allen Kindelementen, insbesondere dem img, stehen sollte. In IE 7 funktioniert das auch tadellos, in den standardkonformen Browsern (hier Op 9 und FF 2) allerdings nicht.
Ich hatte schon versucht, als letztes Kindelement des div#menu ein div#menuend mit { clear:both; } einzufügen. Auch hatte ich getestet, ob es einen Unterschied macht, das img#sitelogo in ein div einzukapseln und dieses anstatt dessen zu floaten. Das hat alles nicht funktioniert.
Da ich vermute, dass IE mal wieder das Prinzip "minus mal minus ergibt plus" anwendet, bedanke ich mich im Voraus für jeden Tipp, wie ich das Verhalten des IE auch in den standardkonformen Browsern erreiche.