layout 3 colonne

[fabpier]

Ciao a tutti, ho una pagina formata da header, footer, menu di sinistra, body e menu di dx.
Ho problemi nella visualizzazione tra IE e Mozilla. c'è qualcuno che può aiutarmi?

Il codice html è il seguente:

<div id="content" >

<div id="header">
.....
</div>

<div id="rightmenu">
.....
</div>

<div id="leftmenu">
.....
</div>

<div id="body">
.....
</div>

<div id="footer">
....
</div>

</div>


Questo invece il css:

body {
margin: 0 auto;
padding: 0;
font: 76% Arial, Helvetica, sans-serif;
background: #f4f4f4 ;
text-align:center;
}


#content {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 790px;
}


#header {
margin: 0 0 8px 0;
border: 0;
}

#leftmenu {
clear: left;
float: left;
width: 130px;
margin: 0 0 0px 5px;
padding: 0;
font-size: 0.9em;
text-align:left;
}

.....



#content {
float:left;
width:auto;
margin: 10px 140px 10px -1px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;

}

....

#rightmenu {
float: right;
width: 130px;
margin: 0px px 0px 5px;
padding: 0;
font-size: 0.9em;
text-align:left;
}

....


#footer {
clear: both;
margin: 0 0 0 0;
padding: 10px 0 20px 0;
border-top: 3px solid #86C32A;
width: 790px;
text-align: center;
color: #86C32A;
font-size: 0.9em;
bottom;}

...

[fcaldera]

copiando il tuo codice ottengo la stessa visualizzazione sia su IE che si Firefox. Dovresti spiegare in cosa consiste l'errore e in quale browser si verifica

comunque non utilizzare la parola "body" (e altre riservate) per assegnare degli id.

[fabpier]

Il problema consiste nel fatto che in firefox visualizzo tutto perfetto, in explorer vedo la parte centrale (body ora rinominata ) in basso dopo l'ipotetica linea del menù di sinistra. Come faccio a riportarlo in alto?

[fcaldera]

se il contenuto è spostato di pochi pixel allora, in _tutti_ i div flottati in cui i margini sono maggiori di zero assegna anche display: inline;

se non risolvi allora ricontrolla le dimensioni orizzontali dei tuoi box e verifica che non superino quelle del content

[fabpier]

Grazie, ho risolto, IE è proprio uno schifo, si mangia qualche pixel non so neanche dove e come. Togliendo 4pxtorna tutto su.

Grazie mille.