2 Divboxen nebneinander 100% Breite

[jandayne]

Hallo zusammen,

ich suche mich seit Stunden durchs Internet nach einer Lösung.
Ich möchte 2 Divboxen nebeneinander positionieren. Dabei soll die linke Divbox eine feste Breite z.B. 300px haben und die rechte Divbox den übrigen Bereich des Browsers ausfüllen. Hat Jemand hoerfür eine Idee für die Umsetzung?

Hier mal eine Skizze:

+-----300px---+---------übrige Browserbreite----------+
gesamtbreite 100%

Mein anderer Ansatz war das Layout mit einer Tabelle zu gestelten?

Gruß Jan

[ghostgambler]

Dann suchst du aber schlecht mit Google...

<div id="links">links</div>
<div id="rechts">rechts</div>

<style>
#links { float:left; width:300px;}
#rechts {margin-left:300px;}
</style>

So mal als Anfang...
weiteres findest du unter den Stichworten "css layout" + "columns" + "float" + "faux columns" und so weiter und so fort inklusive Code, Beispiele, Tipps, Tricks und all das, was einem Großmütterchen nicht erzählen mag.

[jandayne]

Hallo ghostgambler,

ich habe mein Layout jetzt wie du beschrieben umgesetzt. Jetzt haut er mir aber in der rechten Spalte für jedes "clear"-Element eine riese Lücke rein.

D.h. wenn ich weitere Elemente floate und diese clearen will, habe ich für das "clear"-Element eine ca. 200px hohe Lücke.

Woran kann das liegen?

Vielen herzlichen Dank

[alex2iceman]

wie und wo setzt du das clear-element rein?
wie wäre es mit ein wenig Code, wir sind keine Hellseher hier

[ghostgambler]

http://fwpf-webdesign.de/css/float-u...en-float-float

Es gibt auch Spalten-Layouts wo alle Spalten floaten: