Placering af DIV-bokse

Tags:    html css

Hej

Jeg har 5 <div>

header
left-panel
main
right-panel
footer

Header
<div style="background-color:red; width:70%; height:20%; position:relative; left:15%; top:0%;">
</div>

Left-panel
<div style="background-color:yellow; width:14%; position:relative; margin:5px; float:left;">
</div>

Main
<div style="background-color:white; width:70%; position:relative; margin:5px; float:left;">
</div>

Right-panel
<div style="background-color:yellow; width:10%; position:relative; margin:5px; float:left">
</div>

Hertil er der ingen problemer.

Men så kommer min footer:

Footer
<div style="background-color:green; width:70%; height:100px; position:absolute; clear:both;">
</div>

Footeren bliver ikke placeret under de andre.
Hvad skal jeg gøre?

Footeren skal selvfølgelig placeres under den div der går længst ned på siden.

I kan prøve at se hvordan det ser ud:
http://www.hontour.dk/index.php








3 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
<div style="background-color:green; width:70%; height:100px; clear:both; margin:auto;">
</div>



<div style="background-color:green; width:70%; height:100px; clear:both; margin:auto;">
</div>

Hjalp desværre ikke :/
Blot samme resultat.



Ok har løst problemet ved at indsætte

<div style="clear:both;">

Lige over min footer <div>



t