<div> Tag Ausrichtung mit Css

[Andre]

Hallo ich habe eine Frage bezüglich CSS und <DIV> -Tag. Ist es möglich das man zwei <DIV></DIV> neben einander platziert, ohne die Position "absolut" anzugeben. Sprich, die <DIV>'s sollen nur dann neben einander liegen, wenn das Browserfenster den Platz dafür hat - sonst untereinander.

MfG Andre

[Jan]

Hallo,

Sprich, die <DIV>'s sollen nur dann neben einander liegen, wenn das Browserfenster den Platz dafür hat - sonst untereinander.

mit hilfe von float kannst du sie nebeneinander bringen:
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float

wenn du beiden bereichen eine breite gibst, umbrechen sie auch bei kleinem fenster.

Gruss, Jan aus Dresden

[Gunther]

Hallo Jan,

mit hilfe von float kannst du sie nebeneinander bringen:
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#float

wenn du beiden bereichen eine breite gibst, umbrechen sie auch bei kleinem fenster.

du kennst diese Problematik http://www.positioniseverything.net/floatmodel.html? Sollte man bei solchen Konstrukten berücksichtigen.

Gruß Gunther

[Jan]

Hallo,

du kennst diese Problematik http://www.positioniseverything.net/floatmodel.html? Sollte man bei solchen Konstrukten berücksichtigen.

Ja, kenn ich.
Wenn man es so macht:

.box1{border:1px solid red;width:400px;float:left}
.box2{border:1px solid lime;width:400px;float:left;}

funktioniert es im IE6 und mozilla, recht gut.

Gruss, Jan aus Dresden

[Andre]

Hallo

erstmal danke für die Antworten... hatte mitlerweile auch die Antwort gefunden (<div style="width="100"; float-left;">TEXT</div>) - allerdings ist mir leider auch gleich dieser Bug aufgefallen. Das die Abstände zwischen den "Boxen" nicht gleich Groß sind... aber das lässt sich mit (margin:mehroderweniger) ja lösen. Auch wenn's dann wieder etwas aufwändig wird.

Grüße - Andre

[Jan]

Hallo,

<div style="width:100px; float:left;">TEXT</div>

Wenn du dem darauf folgenden <div> auch float:left gibst hast du das problem nicht:
http://css.fractatulum.net/sample/layout13.htm

Nachfolgende elemente bekommst du mit clear:left wieder aus dem fluss.

Gruss, Jan aus Dresden

[Michael Jendryschik]

Hallo Andre,

Ist es möglich das man zwei <DIV></DIV> neben einander platziert, ohne die Position "absolut" anzugeben. Sprich, die <DIV>'s sollen nur dann neben einander liegen, wenn das Browserfenster den Platz dafür hat - sonst untereinander.

Wirklich *Tags*? Kein Problem:

<p><DIV></DIV><DIV></DIV></p>

Bitte schön!

MI (lies mal http://jendryschik.de/wsdev/einfuehrung/xhtml/syntax.html ;-))