aiuto per layout

[andropoff]

ciao a tutti,
mi avvicino ai css da poco ed ho un problema per un layout un po particolare:
LINK

1-tra i vari div di si imposta un margine bianco che nn riesco a togliere.(tipo tra menu ed immagine)
2-la colonna CONTENUTO dovrebbe arrivare fino a fondo pagina ma nn riesco..


lo so che tra di voi si nascondono dei gurù.. aiutate un povero tabellista pentito a convertirsi al mondo dei div..

[NetEscape]

ciao!
posta qui il CSS. Ti dico che con Opera 8 il risultato è abbastanza buono tranne per quel margine bianco a destra di immagine e un leggero spostamento della sezione in alto a sinistra.

[andropoff]

html,body{margin: 0;padding:0}
body{font-family: arial,sans-serif;font-size: 76%;text-align: left; 
height: 100%;}
div#container{
	position:absolute;
	width: 770px;
	height: 100%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	visibility: visible;
}
div#footer{
	position: absolute;
	bottom:0;
	width: 100%;
	height: 10px;
	padding: 0.5em 0;
	background-color: #ccc;
	color: #000;
	text-align:right;
	font-size:11px;
}


/*stili generici, su header e footer*/
div#header{background-color:#cccccc;color: #ff0}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em}
div#footer a{color: #fff;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{float:left;width: 180px; height:250px; background-
color:#CCCCCC; }
div#content{background-color: #fff; height:250px;background-
color:#ffffff}
div#navigation2{float:left;width: 180px; height:50%; background-
color:#ffffff; }
div#content2{background-color: #fff; height:50%;background-color:#cccccc;}


/*stili per la navigazione*/
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}

ecco qui..
a parte quei bordi, c'è anche il problema della sezione CONTENUTI che deve edattarsi alla lughezza della pagina, io in 1600 X 1200 vedo un bel pezzo di bianco prima del footer, che sta sempre a fondo pagina..

[NetEscape]

Dalla sezione logo puoi cominciare a sistemare il padding e line-height che aumentano la dimensione della sezione. per quanto riguarda i contenuti puoi provare ad impostare un'immagine di sfondo (un semplice background)per far si che si estenda tutta man mano che la riempi. C'è anche un articolo su Html.it sull'argomento. Se aspetti ti trovo il link.

[andropoff]

Originariamente inviato da NetEscape
Dalla sezione logo puoi cominciare a sistemare il padding e line-height che aumentano la dimensione della sezione. per quanto riguarda i contenuti puoi provare ad impostare un'immagine di sfondo (un semplice background)per far si che si estenda tutta man mano che la riempi. C'è anche un articolo su Html.it sull'argomento. Se aspetti ti trovo il link.

il logo mi va bene così..

la questione è che tra menu e immagine c'è uno spazio bianco che voglio eliminare..
e pure tra immagine e contenuti c'è uno spazio bianco che vorrei togliere..

[NetEscape]

http://pro.html.it/articoli/id_534/idcat_8/pro.html

[andropoff]

non mi sembra sia un tutorial adatto a me...ad ogni modo grazie mille per l'interessamento..