problema div affiancati

[bgiordy]

ciao a tutti

sto cercando di affiancare due div e con IE non ho problemi mentre con FF il menù si pone sotto il contenuto invece che a fianco.

questo il codice:

<div id="container">
<div id="header"></div>
<div id="content">....</div>
<div id="menu">....</div>
<div id="extra">....>/div>
<div id="footer">...</div>
</div>

div#container {
position:relative;
width: 750px;
margin: 0 auto;}

div#header {
width: 750px;}

div#content {
float: left;
width: 600px;}

div#menu {
width: 150px;
float: right;}

div#extra {
clear: both;
width: 100%;}

dov'è l'inghippo?

ciao e grazie

[Mich_]

Probabilmente ci sono degli spazi in piu` da qualche parte.

Devi fare una o l'altra di queste operazioni (o anche tutte due, almeno per provare):
- forzare a zero tutti i bordi, margini e padding nei blocchi interni
- ridurre le dimensioni di qualche px.

Tieni presente che il box-model di IE e` diverso da quello degli altri browser (vedi qualsiasi tutorial o la sezione apposita nei "link utili").

[bgiordy]

grazie Mich

avevo dei padding nel div#content e togliendoli è andato tutto a posto;
avevo già provato a toglierli ma non era successo nulla, forse perché contemporaneamente c'era qualcos'altro che interferiva

sarà un bel problema ora centrare il contenuto

ciao