✔ Problem mit Float

[kevkev]

Hi,

Ich möchte mit Float so die Div´s zusammensetzen:

Bis jetzt habe Ich es geschafft Div 1,2 und 3 mit float zu plazieren, aber das Div 4 will nicht neben Div 2 hin.

So sieht der Code aus:

/*Div 1*/
<div style="float:clear; height:120px; width:760px; background-image:url(img/top.png);">
</div>

/*Div 2*/
<div style="float:clear; height:100px; width:167px; background-image:url(img/navi_bg.png);">
</div>

/*Div 3*/
<div style="float:left; height:30px; width:167px; background-image:url(img/navi_bottom.png);">
</div>

/*Div 4*/
<div style="float:right; height:500px; width:593px; background-image:url(img/main_bg.png);">

/*Div 5 fehlt noch*/
</div>

Weiß jemand wie Ich das hinbekomme ?

gruß kevin

 

[Maik]

So sollte es funktionieren:

<div style="width:760px;">

<div style="height:120px; width:760px; background-image:url(img/top.png);">div 1</div>

<div style="float:left;">
<div style="height:100px; width:167px; background-image:url(img/navi_bg.png);">div 2</div>

<div style="height:30px; width:167px; background-image:url(img/navi_bottom.png);">div 3</div>
</div>

<div style="float:right;">
<div style="height:500px; width:593px; background-image:url(img/main_bg.png);">div 4</div>
<!-- div 5 fehlt noch -->
</div>

</div>

 

[kevkev]

Hi,

Habs mal blind eingefügt, es geht, danke !

gruß Kevin