Salve a tutti!
Mi sto avvicinando da pochi giorni al CSS e devo dire che ne sono rimasto veramente impressionato..
Purtroppo facendo alcune pagine di prova, mi sono reso conto che visualizzando le pagine con IE, queste vengono visualizzate benissimo, mentre visualizzate con Firefox l'header è + largo, e quindi il layout sfarfalla portando il div navigation più in basso del voluto...
Ho cercato la soluzione sui più svariati siti, seguendo le raccomandazoni del caso, ma nulla!
l'indirizzo del sito è www.itsari.net
Spero possiate darmi qualche suggerimento, nel caso vi scrivo anche il codice .css
codice:
/**/
html, body{margin: 0;padding:0}
body{font-family: arial,sans-serif;
font-size: 76%;
text-align: left}
div#container{background-position:left top;
width:760px; margin:0 auto;
text-align:left;
border-left:none;
border-right:2px solid #3366CC;
background-image:url('img/images/navigationback.gif');
background-repeat:repeat-y}
/**/
div#header{color: #FFFF00;
background-image:url('img/images/headerback.gif') }
h1, h2{margin:0;
padding:0}
h1{padding-left:0em;
font:bold 0em/80px arial,serif}
h2{color: #999;
font-size:0em}
div#footer a{color: #fff;
font-weight:bold;
text-decoration:underline}
/*stili specifici per il layout*/
div#navigation{float:left;
width:129px }
div#content{margin-left:129px;
padding:1em;
background-color:#fff}
div#footer{clear:left;
text-align:center;
padding:0.5em;
background-color:#69c;
color:#000}
/**/
div#navigation ul{margin:1em 0 1em 1em;
padding:0;
list-style-type:none;}
div#navigation li{margin:0;
padding:0}
div#navigation a{color:#369;
font:normal bold 1.2em/1.6em arial,sans-serif;
text-decoration:none}
div#navigation a:hover{color:#033;
text-decoration:underline}
div#navigation a#activelink{color:#033;
text-decoration:none}
Grazie per l'attenzione