nicht angemeldet
Hallo Ihrs.
Angenommen man erstellt einen div (parent) und packt in diesen 2 weitere divs (child). Sowohl dem Parent- als auch den Childdivs werden keine width zugewiesen. Wenn jetzt nun der erste Childdiv links und der zweite Childdiv rechts floatet spannt sich der Parentdiv über die ganze Seite Breite der Seite aus. Zumindest im Firefox und Internet Explorer jedoch nicht im Safari. Habt ihr ne Idee wieso und wie ichs ändern kann?
der parent-div spannt sich nicht auf, der nimmt per default die verfügbare breite ein
um safari ist das auch der fall, hätte ich nocht nicht anders beobachtet
Hier nochmal ein Pseudocode:
<div id="Parent">
<div id="ChildLeft" style="float:left;"></div>
<div id="ChildRight" style="float:right;"></div>
</div>Normalerweise würde ich die Weite des Parent-Div auf 100% setzen, da er aber einen Aussenabstand links/rechts haben soll kommt dasleider nicht in Frage. Man könnte auch noch nen Hüll-Div drumrum packen und mit padding arbeiten aber das is irgendwie nicht die optimale Lösung. Gebt mir ne optimale Lösung ;)
die frage ist was willst du erreichen?
und dass 100% und auto nicht das selbe sind, sollte klar sein
btw: parent und childleft, childright sind keine gute namen
was ist wenn du childleft rechts haben willst und childright links? - 2 css deklarationen ändern oder namen ändern, codereihenfolge ändern?
verschachtelte elemente haben immer eine eltern-kind-beziehung
wie wärs mit
#inhalt
#inhalt1
#inhalt2
damit bis du flexibel beim layout ohne die ändern zu müssen, bei einem derart einfachen layout klingt das vielleicht trivial, aber je komplexer die sache desto einfacher ist es dann zu verstehen und auch später mal zu ändern