div layout mha CSS

zilveer · 2006-12-27, 23:11

hejsan, jag försöker fixa till en div layout mha CSS men det fungerar inte som jag vill.
jag kommer nu att klistra in koden, sparar ni koden som html så kommer ni kunna se vad jag har problem med samtidigt som ni ser hur det ser ut.

problemet är iaf:

den vänstra delen (det gröna skall sträcka sig ner till cyanfärgen oavsett höjden på denna div.
samma sak gäller för den högra delen, dvs det lila skall sträcka sig ner till cyanfärgen oavsett höjd på denna div.

Kod:

<html>
<head></head>
<body>

<div style="width: 554px;">
	<div style="width: 554px; height: 10px; background: #000000;">
 
	</div>
	<div style="float: left; width: 10px; background: #00ff00;">
 <div style="width: 10px; height: 10px; "></div>
	</div>
 <div style="float: left; width: 534px;" >
 	den vänstra delen (det gröna skall sträcka sig ner till cyanfärgen oavsett höjden på denna div.<br>
 	samma sak gäller för den högra delen, dvs det lila skall sträcka sig ner till cyanfärgen oavsett höjd på denna div.
	</div>
	<div style="float: left; width: 10px; background: #ee00ee;">
 <div style="width: 10px; height: 10px; "></div>
	</div>
	<div style="float: left; width: 554px; height: 10px; background: #00ffff;">
 
	</div>
</div>
</body>
</html>

/tacksam för all vägledning

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

div layout mha CSS