Provate a vedere questa pagina:
http://samiel.netsons.org/teatro/chisiamo.html
Noterete che, fra lo #header e il #content, compare una "striscia" grigia
che fa parte del #container. Ora (probabilmente mi sto perdendo
in un bicchiera d'acqua...), io vorrei che #content fosse attaccato
senza spazio intermedio allo #header. Dov'è che devo modificare il CSS?
Mille graziecodice:html,body{margin:0; padding:0;} body{font-family:"Lucida Sans Unicode",sans-serif; font-size:120%; text-align:center; background:black;} div#container{width:80%; margin:0 auto; text-align:left; border-right:double #CECECE; border-left:double #CECECE; background:#323232; color:#BBB;} /*stili su header*/ div#header{background-color:black; color:white;} div#header h1{padding:20px 20px 40px 20px;} /*stili specifici per il layout*/ div#navigation{float:right; width:20%; background-color:#323232; color:#CECECE;} div#content{float:left; width:80%; background-color:#444444; color:#CECECE;} /*stili specifici per #content*/ div#content h1,h2,p{padding:0 25px 0;} /*stili per la navigazione*/ div#navigation ul{margin:1em 0 1em 1em; padding:0; list-style-type:none;} div#navigation li{margin:0; padding:1em; border-bottom:1px solid #CECECE;} div#navigation a{color:#5F5F5F; font:normal bold 1.2em/1.6em arial,sans-serif; text-decoration:none;} div#navigation a:hover{color:#C1C1C1; text-decoration:underline;} div#navigation a#activelink{color:#E7E7E7; text-decoration:none;} /*stili specifici su footer*/ div#footer{clear:both; padding: 0.5em; background-color:black; color:#CECECE;} div#footer a{color:black; font-weight: bold;} /*stili caratteri*/ .bold{font-weight:bold;} .italic{font-style:italic;} .underline{text-decoration:underline;} .emph{color:red;}
M.

Rispondi quotando