Hier mal ein Beispielcode, der mein Problem verdeutlichen soll:
Jetzt zu meinem Problem: Der Internet Explorer zeigt diese Beispielseite ausnahmsweie mal so an, wie ich ich die haben will:
Die Gecko-Engine (Firefox) lässt sich dagegen wohl durch das "float: left" bzw. "float: right" verwirren (oder gehört das vielleicht sogar so?) und zieht das #div1 nicht über die ganze Höhe von #div3 ...
(der weiße Teil ist die Hintergrundfarbe)
Könnt ihr mir da vielleicht weiterhelfen, so dass die Seite auch im Firefox so angezeigt wird wie im IE (oh Gott ... hab ich das jetzt wirklich geschrieben?! )
Ich weiß nicht obs hilft, aber versuch mal die Farbangaben zu komplettieren, also #eeeee anstatt #eee
Ansonsten kannst du versuchen, deine "Pseudoformate" (nicht falsch verstehen, den Ausdruck hab ich aus SelfHTML) richtig zu formatieren, da du deine Div verschachtelt hast. Deswegen kann es sein, das Mozilla nach einem #div2 Objekt innerhalb eines #div1 Objekt im Code oben sucht, keinen Findet und deswegen den Code nicht formatiert.
Also an der Farbkomplettierung liegt es nicht, hab ich schon ausprobiert.
Die Verschachtelung kann ich auch nicht auflösen, weil mein Weblog so ähnlich aufgebaut ist wie das Beispiel oben. Ich wollte dafür eigentlich mehrere verschiedene CSS-Layouts zusammenbasteln, die der Besucher dann selbst durchwechseln kann.
Den letzten Teil deiner Antwort versteh ich nicht ganz, denn #div2 und #div3 sind ja tatsächlich im #div1 enthalten, so dass der Browser doch eigentlich #div1 über das komplette #div2 + #div3 erstrecken sollte, oder?
Und seit wann darf man divs nicht mehr verschachteln?
In der <body> Tag darfst du es sehrwohl verschachteln, aber du kannst es auch in der CSS verschachteln.
Da ich es nicht besser beschreiben kann, hab ich dir mal den SelfHTML Link rausgesucht, der das beschreibt was ich meine
edit:
Ich war mal so frei und hab deine CSS etwas bearbeitet. Bitte versuchs mal damit, vielleicht klappts dann
Wenn ich den Quellcode richtig lese, befindet sich darin ein übergreifendes div mit der ID #rap. In dieser ID sind divs mit den IDs #content und #menu enthalten.
Wenn ich nun den CSS-Definitionen der ID #content noch ein #rap voranstelle (also #rap #content { bla blubber }), ziehen die meisten Definitionen gar nicht mehr oder nicht mehr so, wie sie es sollten.
Hab ich (bzw. das Weblog-Tool) da einen Fehler in der div-Verschachtelung gemacht? Dürfte eigentlich nicht sein, weil der HTML-Validator keine solchen Fehler anzeigt ... (nur irgendwas, dass man p-Tags da und dort nicht benutzen darf, aber das ist mir vorerst noch egal *g*).
Hmpf... erhlich gesagt habe ich keine Ahnung, ich kenne die eigentheiten von Mozilla nicht besonders, denn mein Opera und IE zeigt deinen Original Code und den Code mit meinen veränderungen richtig an. Deswgen weiß ich nun auch nicht weiter, sry :/
)
Zitieren
