✔ DIV-Layout. DIV soll bereich zwischen 2 anderen DIVs ausfüllen.

[redX]

Also etwas ganz grundlegendes. Aber ich habe keine Ahnung wie es geht.

Ich habe ein DIV-Layout. Nun hat es einen Header, eine Navigation Link und eine Rechts. In der mitte der beiden Navigationen ist der Content Bereich.

<div id="title">
<div id="header">
<div id="subtitle">
<div id="left">
<div id="content"> 
<div id="right">

DIV-Left hat ein float:left. DIV-Right hat ein float:right. Nun bekomm ich es einfach nicht hin, das der Div-Content den raum dazwischen ausfüllt.

Wenn man beim DIV-Content width:100% angibt, so füllt er die ganze Bildschirmbreite aus und der DIV-Right rutscht nach unten weg.
Habe es dann mal mit margin: 0 -100px 0 -100px; versucht. Also einfach die Breite von DIV-Left und DIV-Right vom DIV-Content abgezogen und dann widht:100% drangehängt. Ging auch nicht.

Hat jeamand eine Idee wie ich den DIV-Content so darstellen kann, das er den ganzen Raum zwischen DIV-Left und DIV-Right ausfüllt?

MFG
X

 

[Maik]

Hi,

notier das DIV #content nach den beiden äußeren Spalten:

<div id="left">...</div>
<div id="right">...</div>
<div id="content">...</div>

und wende diese Regel darauf an:

div#content {
margin:0 100px;
}

 

[redX]

Funktioniert tatsächlich. Dankeschön!

MFG
X