Hallo

Ich habe ein Problem wenn ich versuche, drei divs nebeneinander zu positionieren, wobei das div rechts die restliche Bildschirmbreite ausfüllen soll.
Das div links und das in der Mitte haben eine feste Breite.

Wie ich es versucht habe:

<div style="border:1px solid black; width:5px; float:left;">Links</div>
<div style="border:1px solid black; width:150px; float:left;">Mitte</div>
<div style="border:1px solid black; width:100%; float:left;">Rechts</div>
<div style="border:1px solid balck; width:100%; ">Unten</div>

Im Anhang das Bild wie es später aussehen soll.
Der Kasten links wäre das div Links, "Home Kontakt Impressum" das div in der Mitte und die restliche Navigation das div Rechts.

Oder gibt es noch eine elegantere Lösung, eine Lösung mit der ich auf divs verzichten kann?


Grüsse,
Vanquish

Angehängte Grafiken

navigation.jpg (14,0 KB, 563x aufgerufen)

lass das float: left im rechten div weg.

wenn es dir nur um die navigation geht, nimm eine liste ... damit geht es sicher auch. die linke spalte brauchst du nicht.

__________________
Die Zeit hat ihre Kinder längst gefressen: hund (back in black) | ??? | ??? | ...

Na super, im FF funktioniert es, aber im IE bleibt das div Rechts unter den zwei anderen divs.

Für die Navigation selber nehme ich eine Liste.

Angehängte Grafiken

test_695.jpg (8,4 KB, 543x aufgerufen)

"REchts" hat ja auch 100%-Breite, die bezieht sich nicht auf den verfügbaren Rest-Platz sondern auf das Elternelement. Lass die width-Angabe raus und es nimmt automatisch die verfügbare Breite ein.

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs

Stimmt, bezieht sich in meinem Fall ja auf body.
Das mit der width Angabe rausnehmen hat zwar nicht funktioniert (wird nur so breit wie der Text ist angezeigt), aber ich habe jetzt ein Container div genommen und richte die einzelnen Elemente im Container aus.

Danke

evtl. steht im Body keine width definiert, dann "weiss" ein Kindelement ja nicht an welche Breite es sich ausrichten muss.

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs