Umbruch von Div nach unten verhinden!?

[steve]

n´ Abend miteinander,

Ich stehe noch ein bischen am Anfang mit CSS, deshalb kleine Frage an Euch:
Ich habe ein 3-spaltiges Seitenlayout ohne Tabellen, nur mit Layern. Derzeit habe ich das Layout fix, dh. SpalteLinks=150px SpalteContent=600px, SpalteRechts=150px. Ich möchte nun gerne die rechte Spalte 'dynamisch' gestalten, also so daß immer der 'Bildschirmrest' ausgefüllt ist...

<div alles>
...<div links>MENU</div>
...<div content>CONTENT</div>
...<div rechts><div info>INFO</div></div>
</div>

#div alles {
position:relative;
width: 100%;
}
#div links {
position:relative;
width: 150px;
float: left;
}
#div content{
position:relative;
width: 600px;
float: left;
}
#div rechts{
position:relative;
width: 100%;
float: left;
}
#div info{
position:relative;
width: 100%;
float: left;
}

leider wird <div info> mit 100% immer umgebrochen, anstatt den Rest auszufüllen.
Analog dazu würde das mit Tabellen so aussehen:

<table width=100%>
<tr>
<td width=150>&nbsp;</td>
<td width=600>&nbsp;</td>
<td width=100%>&nbsp;</td>
</tr>
</table>

kann mir jemand helfen den Fehler zu finden?

[Joachim]

Hi,

#div info{
position:relative;
width: 100%;
float: left;
}

Rechts nicht floaten, sondern den linksabstand mit margin regeln. Width-Angabe weglasse (=auto) Dann füllt das Div den Rest automatisch.

Gruesse, Joachim