nicht angemeldet
Hallo!
Ein kleines Projekt, an dem ich gerade arbeite, bereitet mir nach dem Durchformatieren mit CSS einiges Kopfzerbrechen; dabei habe ich im wesentlichen eine Darstellungsauffälligkeit zu kurieren:
Im Dokument reihen sich einige divs aneinander an ->
<div id="boxmenu">blahblah</div>
<div id="boxmain">
<div id="maincontent">
<h1><span>Titel 1</span></h1>
</div>
</div>
<div id="boxbottom">blahblah</div>
Das span innerhalb des h1 ist unsichtbar, um das Hintergrundbild des h1 anzuzeigen. h1 hat einen Abstand von 20px zum oberen Rand von maincontent. Nun möchten die gecko-basierten Browser, mit denen ich teste (Mozilla 1.2, Netscape 7, FireFox 0.9.1), mich gerne damit ärgern, daß sie die Hintergrundfarbe des divs maincontent bis zum Beginn des h1 nicht auf dem Bildschirm darstellen (siehe http://www.plaidter-geschichtsverein.de/test_ie.html -> fetter weißer Balken unterhalb des Menüs)[1]. Inzwischen habe ich soviel herumexperimentiert, daß ich langsam den Wald vor lauter Bäumen nicht mehr sehe... Das Gecko-Problem läßt sich beseitigen, wenn das betroffene div ein border besitzt http://www.plaidter-geschichtsverein.de/test_moz.html; dann allerdings flutscht im IE das h1 nach links und oben - sprich: die margins des h1 interessieren den IE dann nicht mehr!
Ich habe auch - nur so zum Spaß - mit overflow experimentiert; wenn ich maincontent ein overflow:hidden verpasse, dann ist auch ohne border im FireFox alles in Ordnung, die anderen Geckos scheren sich nicht darum... Bei overflow:auto stimmen Abstände und Hintergrund in allen Browsern, allerdings zeigen die Geckos dann das div maincontent mit Scrollbars. Was ist da los? Bin ich selber schuld? In jedem Fall bin ich ratlos und möchte keine komplexe Gecko-Sonderlödung einbauen. Was würdet Ihr machen?
hth Robert
[1] Für gewöhnlich erledige ich derartige Fälle (sofern ich keinen Fehler bei mir vermute) mit folgender Hypothese: Der Anwender des Browsers x dokumentiert durch seine Nutzung von x, daß er die Seite in einer von Ihrer eigentlichen Form abweichenden Weise zu sehen wünscht - und bekommt damit, was er verlangt. Da mir die kosmetische Störung im vorliegenden Fall als zu schwerwiegend erscheint, soll diesmal ein anderer Weg eingeschlagen werden.