[cssdesign] problema su layout a tre colonne

Lun 9 Gen 2006 09:07:00 CET

Ciao, scusate tutti, magari mi sfugge qualcosa ma ho un problema con un
layout per un sito dinamico in XHTML usando l'hack di maninblue:
css:
#sinistra{float: left;width:20%; min-height:100%}
#centro{ float: left;widht:60%; min-height:100%}
#destra{ float: right;width:20%; min-height:100%}
html* sinistra{height:100%}
html* destra{height:100%}
html* centro{height:100%}

<body>
<div  id="sinistra">
<div id="centro">
<div id="destra">
<body>

Per avere le tre colonne al 100%
Il problema sorge quando devo usare il centro per contenere il banner, due
colonne appaiate e il footer:
#banner{widht:100%; height:150px}
#presentazione{ float: left;widht:60%; height:100% }
#login{widht:40%; float: right;}
#banner{clear:both; height:20px}

<body>
<div  id="sinistra">
<div id="centro">

	<div id="banner">
	<div id="presentazione">
	<div id="login">	
	<div id="banner">

<div id="destra">
<body>

Usando l'hack
html* presentazione:100%
Il div centro sborda in altezza.
La mia necessità è che il div centro contenga al 100% i 4 blocchi e che il
footer si posizioni in basso.
Senza dubbio qualcosa mi sfugge ma le ho tentate tutte, anche
centro* presentazione: 100%
il div presentazione resta in alto.
Dove sta il mio errore?
Grazie a tutti.
c.