[rw72]

Hallo,
würde gerne ein 3Spaltiges float erzeugen.
Das funktioniert auch aber ich möchte die Breite von 984px und nicht vom ganzen Bildschirm - das macht er leider nicht - wer kann mir helfen.

Hier der css Code:
DIV#box_li {
float: left;
width: 150px;
padding: 0px;
height: 100%;
background-color: #FAFAFA;
vertical-align:top;
text-align: center;
}

DIV#box_mi {
width: 684px;
padding-left: 5px;
padding-top: 5px;
background-color: #FFFFFF;
vertical-align:top;
text-align: left;
}

DIV#box_re {
float: right;
width: 150px;
padding: 0px;
height: 100%;
background-color: #870020;
vertical-align:top;
text-align: center;
}

HTML
<div id="box_li">
CMS_CONTAINER[5]
</div>
<div id="box_re">
CMS_CONTAINER[15]
</div>
<div id="box_mi">
<h1>CMS_CONTAINER[10]</h1</br>
<p>CMS_CONTAINER[11]</p>
</div>

DANKE

[Mark-Korb]

Werden die Container zu Breit Dargestellt? also Alle 3 Zusammen?
Dann könnte das an den 5px padding liegen. Einfach die breite wo padding ist un 5px reduzieren.

Oder padding weglassen und einen 2 div container in "DIV#box_mi" bauen und den über % die Breite mit geben und da padding rein.

[rw72]

Danke aber das ist nicht das Problem.

Die rechte Box wird immer am rechten Bildschirmrand ausgegeben und nicht am Ende der 684 px.

Grüße
RW

[Whisper]

pack n div um alle anderen rum mit der gewünschten breite. anders wird es wohl nicht gehen, weil float:right sich meiner Erfahrung nach immer am rechten Rand des Elternelements ausrichtet, in dem Fall also des gesamten Fensters.

[m]

[Whisper]

stimmt, bei komplett fixen angaben bietet sich's natürlich an, nur links zu floaten.

[rw72]

DANKE- so geht es

[Mark-Korb]