Non riesco ad allungare una colonna...

[fulviolo58]

Ciao ragazzi,

sono disperato, spero in una vostra dritta, m sono messo a studiare i CSS da 15 giorni con le guide online di html, ma certe cose non riesco a capirle.
Allora, programmo in asp vbscript da tanti anni ed ho sempre usato le belle e solide tabelle, anche annidate una nell'altra, fino a quando un amico mi ha detto che se non passo ai css (e div ecc. ecc.) le mie pagine saranno sempre pesanti e sarò penalizzato dai motori.
Ora, dato che ci vivo con il mio ecommerce, ho pensato bene di rifare il tutto... va praticamente tutto bene tranne per il contenitore centrale che non ne vuol sapere di allungarsi.
Ho seguito l'esempio di questo layout a tre colonne dove qualunque può essere più lunga delle altre (il mio è naturalmente un sito dinamico e non posso prevedere a priori le lunghezze): http://www.html.it/guide/esempi/layo...=3cfbackground (e qua il CSS: http://www.html.it/guide/esempi/layo...php?css=3cfexp).
In queste tre immagini quello che ottengo con FF su Linux, FF su Win e IE6 su Win, ho bordato di rosso il div che se ne frega di quello che dovrebbe fare (cioè arrivare in fondo alla pagina e contenere una serie di prodotti come quello che è messo li molto provvisorio):
http://www.fulviodanese.com/temp/FF_Linux.gif
http://www.fulviodanese.com/temp/FF_Windows.gif
http://www.fulviodanese.com/temp/IE_Windows.gif

questo il CSS (anche se ci saranno un sacco di castronerie):
http://www.fulviodanese.com/temp/CSS.zip

la pagina di default: http://www.fulviodanese.com/temp/default.zip
la testa: http://www.fulviodanese.com/temp/testa.zip
il primo box della colonna sx: http://www.fulviodanese.com/temp/login.zip
il primo box della colonna dx: http://www.fulviodanese.com/temp/tracking.zip
e la colonna centrale: http://www.fulviodanese.com/temp/catalogo.zip

al footer non ci sono ancora arrivato

Grazie a chi mi dice cosa sbaglio, in cambio posso aiutare con asp.

Ciao, fulvio.

[fulviolo58]

credo di aver risolto con

<div style="clear:both;"> </div> 

prima dell'ultimo /div che chiude il contenitore esterno.

grazie comunque, fulvio.

[jubstuff]

Questa è una soluzione che funziona, ma non è molto corretta. Infatti tu aggiungi del markup senza significato alla tua pagina web che ne risulta comunque appesantita. È sullo stesso livello di utilizzare le tabelle, tanto vale usare quelle e non dannarsi a scervellarsi con i layout CSS!
In ogni caso, polemiche a parte, ci sono diversi modi per ottenere quello che vuoi, ma il più semplice si ottiene applicando nel foglio di stile

overflow:auto; 

al div che contiene gli elementi. In questo modo si allunga fino a contenerli tutti.
Ad esempio:

<div class="contenitore">


testo molto lungo ecc ecc</p>
</div> 

p{
float:left;
}

div.contenitore{
overflow:auto;
background:#379;
} 

Se vuoi dare un'occhiata ad un altro metodo, eccolo