CSS floating probleem. - Softwareontwikkeling

vrijdag 10 november 2006 18:55

Acties:

Topicstarter

Ik zit met een floating probleem waar ik niet echt uitkom. het volgende:

Ik heb een container met daarin aan de linkerkant 3 blokken onder elkaar.
Ik wil naast die 3 rechtsboven (hoogte van blok maakt (nog) niet uit) nog een blok hebben.

Ik heb de volgende code:

HTML:

<body>
<div style="width: 500px; border: 1px dotted #000000;">
<div style="padding: 10px; width: 200px; height: 20px; border: 1px solid #FF0000;"></div>
<div style="padding: 10px; width: 200px; height: 20px; border: 1px solid #FF0000;"></div>
<div style="padding: 10px; width: 200px; height: 20px; border: 1px solid #FF0000;"></div>
<div style="background-color: #00FF00; width: 100px; height: 50px; float:left;"></div>
<br clear=all>
</div>
</body>

Voorbeeld is te vinden op http://deepfreeze.stx.nl/test.html

Hoe krijg ik dat groene blokje rechtsboven?

vrijdag 10 november 2006 18:58

Acties:

Rekcor

Zo:

HTML:

<body> 
<div style="width: 500px; border: 1px dotted #000000;"> 
<div style="background-color: #00FF00; width: 100px; height: 50px; float:right;"></div> 
<div style="padding: 10px; width: 200px; height: 20px; border: 1px solid #FF0000;"></div> 
<div style="padding: 10px; width: 200px; height: 20px; border: 1px solid #FF0000;"></div> 
<div style="padding: 10px; width: 200px; height: 20px; border: 1px solid #FF0000;"></div> 
<br clear=all> 
</div> 
</body>

vrijdag 10 november 2006 18:59

Acties:

DeepFreeze.NL

Topicstarter

Hmmmz, dankje. Dat ik daar nou niet opgekomen ben

vrijdag 10 november 2006 19:01

Acties:

Rekcor