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;}
...

Rispondi quotando