Domande CSS

[D4rkAng3l]

Ciao,
stò facendo la mie prime prove a realizzare un sito con i CSS ma stò incontrando qualche difficoltà.

Se andate quà: http://www.siatec.net/andrea/prove/monoliticofluido/

potete vedere la prima prova e visualizzarne facilmente l'html che è abbastanza banale (layout fluido e monolitico)

Il codice del file monofluido.css è questo:

html, body{margin:0; padding:0}  /* Perchè i broswer assegnano margin e paddin ad alcuni elementi come html e body */
body{font-family: arial, sans-serif; font-size: 76%}
div#container{ }
div#header{background: url(sfondo.gif); height: 100px; padding-left: 20px; padding-top:5px; font-size:1.5em}
h1{color:#fbfe28; text-align:left} 
h2{color:#4078B8; font-size:1.5em; text-align:center} 
div#navigation{background-color:#aadcfc; color: #fff margin:0}
div#content{padding:0 1.5em}
div#content p{line-height:1.3em}
div#footer{padding:0.5em; background-color:#B0D0E8; color:#000;
text-align:center}

Perchè come potete vedere dall'url pubblicato tra il div con id header ed il div con id navigation viene lasciato uno spazio bianco? come posso evitare questa cosa?

Grazie
Andrea

[kk3z]

Perchè l'ul all'interno del div estende i margini al di fuori del div (è facilmente visibile con firebug su firefox), prova a mettere margin:0 sull'ul.