Třísloupcovy layout

lidi co mam blbe?

HTML


<div id="obalovacidiv">

<div id="hlavicka">
Hlavička
</div>

<div id="levypanel">
</div>

<div id="hlavnipanel">
</div>

<div id="pravypanel">
</div>

<div id="paticka">
Patička
</div>

</div>

CSS

body {
text-align: center;
margin: 10px;
}

#obalovacidiv {
text-align: left;
margin: 0px auto;
padding: 0px;
border: solid 1px black;
width: 800px;
background: url(pozadi.jpg);
}

#hlavicka {
padding: 10px;
margin: 0px;
border-bottom: solid 1px black;
background: gray;
}

#levypanel {
width: 200px;
float: left;
}

#pravypanel {
width: 200px;
float: left;
}

#hlavnipanel {
width: 400px;
float: left;
}

#paticka {
border-top: solid 1px black;
background: gray;
clear: both;
}


diky ve FF mi to jede ale v IE vubec...diky za pomoc

lítají ti tam pixely... máš 800px width... a dáváš tam tři sloupce dohromady o 800px... a k tomu tam cpeš paddingy... především bych ještě ošetřil * {margin:0; padding:0;} což ti zajistí vynulování těchto vlastností u všech prvků, u kterých si to přímo nezadal, zbavíš se pak problémů s prohlížeči, jelikož IE si dává paddingy tam kde FF třeba ne...


udelal sem jak si mi rekl a nejde to.... v ie mi to proste nejde levej panel mi prorazi do paticky nemam skusit treba cleaner ?

uz je to dobry diky moc!