ciao. allora, ho fatto un layout a tre colonne ed una riga sottostante. più o meno così:
codice:
+-----+----------+-----+
| .sx | .centro  | .dx |
|     |          |     |
|     |          |     |
|     |          |     |
|     |          |     |
|     |          |     |
+-----+----------+-----+
| .bottom              |
+----------------------+
vi ho scritto, sui relativi div, le classi di appartenenza. questo invece è il css per quei campi:
codice:
.centro {
	margin-left: 20%;
	margin-right: 20%;
	padding: 0px;
}

.sx, .dx {
	position: absolute;
	top: 0;
	width: 20%;
	margin: 0px;
}
qual'è il problema?
sulle colonnine di destra e sinistra, ho dei contenuti standard che non variano fra le pagine. il box centrale ha invece contenuti variabili (dinamici, con dati da db con asp). se ho un testo più corto su .centro che .sx o .dx ho questo bruttissimo effetto:
codice:
+-----+----------+-----+
| .sx | .centro  | .dx |
|     |          |     |
+     |----------|     +
|     | .bottom  |     |
+     |----------|     +
|     |          |     |
|     |          |     |
|     |          |     |
|     |          |     |
+-----+          +-----+
in pratica, il div .bottom sale e va sotto alle colonnine, come posso fare in modo di evitare questo inconveniente?
ah, ho visto che con un alto padding inferiore su .centro si risolve, ma se ho una pagina con tanti contenuti, ho una fascia inferiore davvero molto brutta.