Slave ragazzi sono nuovo di questo forum sto imparando o meglio sto cercando di imparare i CSS ma costruendo una pagina WEB mi sono accorto che questa non viene visualizzata alla stesso modo da FireFox e IE, ma ciò che desidero io è visualizzarla nel modo in cui viene visualizzata con FireFox. Mi sapreste spiegare il perchè?Vi posto il codice.
<html><head><title>Home page</title>
<STYLE type=text/css>html,body{margin: 0;padding:0}
body {
text-align:center;
font:80% verdana,helvetica,sans-serif;
margin:0; padding:0
}
/*stili generici, su header e footer*/
div#header{width:760px;
margin:1em auto;
text-align:left;
padding:1em 0;
border:1px solid #000;
background-color:#FFFFFF}
#corpo {
width:760px;
margin:1em auto;
text-align:left;
position:relative;
background:#f0f0f0;
border:1px solid #000;
}
/*stili specifici per il layout*/
div#navigation{
position:absolute;
top:0;
left:0;
width:160px;
padding:1em 0; }
div#content{
margin:0 200px 0 160px;
border-left:1px solid #000;
border-right:1px solid #000;
background:#fff;
padding:1em 0;
width:600px;}
div#footer{width:760px;
margin:1em auto;
text-align:left;
background:#eee;
border:1px solid #000;
padding:1em 0;}
</STYLE>
</head>
<body>
<div id=header>
<H1>Home page</H1></div>
<div id="corpo">
<div id=navigation>Menu di navigazione</div>
<div id=content>Corpo Centrale</div>
</div>
<div id=footer>Fondo</div>
</body>
</html>
Rispondi quotando
