Layout sito

[Picciola]

Buongiorno a tutti.
Sto operando il mio lento, faticosissimo passaggio dalle tabelle ai CSS...
Devo dire che sono riuscita abbastanza bene finora, sto facendo le cose perbene visto che effettuo test su IE6, IE7 e FF per ogni cosa e osservando i vari comportamenti. Il risultato è soddisfacente ma non perfetto.
Il layout che sto realizzando è quello che vedete nello schema che allego (scusate la rozzezza dello shema!!! ). E' molto semplice, c'è un menù superiore (altezza fissa), un footer inferiore sempre a fondo pagina (altezza fissa) e una parte centrale per i contenuti che viene riempita tramite Ajax (altezza variabile).
Questo lo style:

	body, html {
	height:100%;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;
}

#menu {
	position:inherit;
	width:870px;
	padding-top:3px;
	top: 0px;
	margin-top: 0px;
	margin: auto;
}

*>div#menu {
	position:absolute;
	z-index: 5;
	width:870px;
	padding-top:3px;
	top: 0px;
	left: 50%;
	margin-top: 0px;
	margin-left: -435px;
}

#content {
	position:absolute;
	left:0px;
	top:98px;
	width:100%;
	height:85%;
	min-height:85%;
	z-index:2;
}

#footer {
	position:absolute;
	left:0px;
	width:100%;
	height:23px;
	min-height:17px;
	z-index:3;
	margin-bottom:0px;
	bottom:0px;
}

L'unica cosa che mi lascia un po' insoddisfatta è l'altezza del DIV content. Come vedete ho usato una percentuale dell'85% ma a 1280x1024 rimane uno spazio bianco tra il content e il footer; invece se lo testo a 1024x768 lo spazio diminuisce e il content finisce sotto al footer. Io vorrei che il content si incastrasse perfettamente tra il menu e il footer, in modo che non ci siano queste brusche variazioni al cambiamento della risoluzione. C'è modo?
:master:

[Picciola]

Questo lo schema....

[isAlreadyInUse]

Posta pure l'html

[Picciola]

Ok, isAlreadyInUse, posterò anche l'HTML, lo devo un po' "preparare" perchè è tutto ASP ed è un po' incasinato.
Lo semplifico e lo posto.

[ricman]

Se il risultato deve essere solo 3 div uno sotto l'altro hai scritto Css a sproposito.
Ti consiglio qualche lettura interessante...

[Picciola]

L'avevo trovato anch'io nel frattempo e infatti stavo sperimentando...
Diciamo che qui la mia situazione ve l'ho messa molto semplificata perchè in effetti il DIV #menu all'interno ha un sistema di navigazione un po' complicato fatto anch'esso con i CSS che si impapocchia un po' su IE6 (e come ti sbagli...!) quindi alcune scelte sono un po' "forzate".
Comunque sono una testarda e mi piace sbatterci la... .
Se ho problemi vi faccio sapere, intanto GRAZIE!
Baci.