div ul li e amici vari

[yappo]

ciao a tutti quanti!
sentivate la mia mancanza??? bhe eccomi qui...

iniziamo:

div ul li... x' IE MOZZILLA e OPERA decidono di darmi modi diversi d vedere la pagina??? io ho:

BODY {margin: 0px; padding: 0px; background: #333333; color:#ffffff; text-align:center; height:100%}

#header {margin-top: 0px; margin-left: 0px; margin-bottom: 0px; height:114px; width:765px; background-color:#333333; color:#ffffff; padding:0}

#giallo {background-image:url(img/striscia-gialla.jpg); height:58px; width:765px; margin: 0px; padding: 0px; border:0px;}
#rosso {background-image:url(img/striscia-rossa.jpg); height:58px; width:765px; margin: 0px; padding: 0px;}
#verde {background-image:url(img/striscia-verde.jpg); height:58px; width:765px; margin: 0px; padding: 0px;}
#blu {background-image:url(img/striscia-blu.jpg); height:58px; width:765px; margin: 0px; padding: 0px;}

.hide {display: none;}

A:link {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #362; TEXT-DECORATION: none; font-family:Verdana, Arial, Helvetica, sans-serif;
}
A:visited {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #362; TEXT-DECORATION: none; font-family:Verdana, Arial, Helvetica, sans-serif;
}
A:hover {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #8b2; TEXT-DECORATION: underline; font-family:Verdana, Arial, Helvetica, sans-serif;
}
A:active {
FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #c60; TEXT-DECORATION: none; font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#container{position:relative; width: 765px; background-image:url(img/bg-total.gif);
}
body>div#container{height:auto; margin: auto;}

/*CORPO CONTEUTI 765px*/
#corpo { width:765px; position:relative;}
/*COLONNA DX 161px*/
#colonnadx {
position:absolute;
top:0px; right:0;
width:161px;
}
/*COLONNA SX 149px*/
#colonnasx {
position:absolute;
top:0px; left:0;
width:149px;
}
/*COLONNA CENTRALE 765-161-149=455px*/
#colonnact {
margin:0px 149px 0px 136px;
width:445px;
padding:0px 0px 0px 0px;
}
/*FOOTER 765px*/
#footer {
width:765px;
text-align:center
}
/*FOOTER giallo*/
#footer-giallo {
width:765px;
text-align:center;
background-image:url(img/footer-giallo.gif);
height:28px;
}

div#Menu {
text-align: center;
vertical-align:middle;
margin:0px;
padding:0px;
top:114px;
height: 25px;
width: 765px;
background-color: #FFF;
}

#mainMenu ul {
list-style:none;
padding:0;
margin:0;
border:0;
}

#mainMenu li {
display: inline;
text-align: center;
border-bottom:0px;
margin:0;
font:8pt Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color: #717171;
height: 24px;
}

#mainMenu li a {
display: inline;
font-weight: bold;
background-color: #333333;
color:#FFFFFF;
text-decoration: none;
padding: 3px 16px 7px;
height: 24px;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

#mainMenu li a:hover {
display: inline;
font-weight:bold;
background-color: #717171;
color:#000000;
text-decoration:none;
height: 24px;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

e in Opera m crea spazi inesistenti, mozzilla anche e ie funziona... toccacci qualcosa sballa ovunque!

help...

:bubu:

[span]

anche se dai a #mainMenu li padding: 0 ?

[yappo]

non m cambia niente.. funziona solo con IE mentre i MOZILLA e OPERA m fa vedere un pezzo di bianco come se aggiungesse 5px in + sotto il mio ul li...

spero d sistemarlo alla svelta!

grazie... ancora...

[Felixfree]

Non ho esaminato alla perfezione il codice, comunque posso dirti (...mi scuso se già lo sai) che i vari browser interpretano i CSS ognuno a modo suo: esistono errori storici di interpretazione del codice come ad esempio l'errore di Tantek, i margini delle gabbie flottanti o tanti altri ancora...
Ti posso consigliare un libro veramente ben fatto che ti può aiutare a creare regole CSS prive di errori... la cui errata visualizzazione dipende unicamente dai bachi dei browser (ben documentati nel libro).

Cascading Style Sheet (CSS) Fogli di stile per il web
Autori: Briggs Champeon Costello Patterson
Casa Editrice: HOEPLI Informatica