Hi...

ich und meine Probleme . Iwie habe ich das Gefühl, ich provozier die XD.

Und zwar habe ich folgende Situation. Ich habe zwei Divs nebeneinander (innerhalb eines großen), mit folgenden Eigenschaften.

   Spoiler

Cascading Style Sheet

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

div#nav { background-image: url('background_nav.png'); background-repeat: repeat-x; border-color: #f03; border-style: double; border-width: 0 3px 3px 3px; float: left; font-family: "Times New Roman", "Georgia"; line-height: 2.5em; padding: 1% 0 0 0; text-align: center; width: 12em; } [...] div#content { background-color: #ff6; background-image: url('background.png'); background-repeat: repeat-x; border-color: #f03; border-style: solid; border-width: 1px 0; float: left; height: auto; margin: 0 1em 1em 20em; overflow: hidden; position: relative; width: auto; }

Wie zu sehen ist, sollen sie in einem gewissen Abstand nebeneinander liegen und die ganze Seite breit sein. Das klappt auch soweit, bloss, dass aus irgendwelchen Gründen das div#content erst ab Ende des div#nav anfängt (sitzt also zu tief) - und ich habe keine Ahnung wieso (im Content-Bereich sind noch andere Divs, die sonst wie gefloatet werden, allerdings wird am Ende innerhalb des Divs ein Mal gecleart - sollte also keine Auswirkungen haben).

Jemand ne Idee?
Wenn ich dem zweiten Div eine feste/prozentuale Breite zuweise, funktioniert alles (insofern das dann nicht zu breit wird).

Gruß, Toast

War auch meine erste Idee, sie klappt jedoch nicht (was aber auch in anbetracht der Tatsache logisch ist, da das float sich ja immer auf den folgenden Inhalt bezieht).

Gruß, Toast

Das Problem ist ja, dass 12 Em ja nicht immer diese Größe besitzt.
Ein einfaches Besipiel:

Ich habe ne Site, wo ein Div-Container 90% der Seite groß ist (mit min-width und max-width in em). In diesem Div binde ich meine Inhalte ein. So ist zum Beispiel oben ein Header (meinetwegen width: 100%). Der ist aber ja nicht das Problem.
Darunter kommt halt direkt das Geschilderte. Zwei Divs nebeneinander. Das einfachste wäre ja beides prozentual anzugeben, jedoch hat man dann das Problem, dass bei Widescreen die Navi extrem breit aussieht. Deshalb kam ich auf die Idee die Navi mit em und das andere Div dann auto zu machen. Alternativ habe ich nur die Idee das ganze per JS zu lösen und wenn das halt nicht aktiviert ist, muss man halt die breite Navi sehen.

Gruß, Toast

Edit: Das Ganze soll natürlich möglichst skalierbar bleiben