altezza div adattabile

[alessandrocarul]

Buongiorno a tutti, vedendo la ricerca mi son accorto che in modi più o meno simili molti hanno avuto il mio problema... ma leggendo le varie discussioni non ho risolto nulla VVoVe:

Mi potreste dare una indicazione?

in pratica ho due div, boxA e boxB:
il primo conterrà tre boxB. Il tutto poi si ripete per n° volte.

Io vorrei che boxA abbia una altezza fissa minima, ma si adatti nel caso in cui boxB sia troppo alto.
Inoltre vorrei che i vari boxB siano alti al 100% adattandosi all'altezza raggiunta da boxA

utilizzando questi stili:

<style>
.boxA{
width:780px;
background:red;
padding-bottom:10px;
float: left;
height:150px;

overflow: visible;

}

.boxB{
overflow:visible;
min-height:100px; /* solo con firefox */
height:100%;
width:250px;
background:#c3c3c3;
float:left;
margin:4px;
}

</style>

.. quello che io voglio mi funziona correttamente con IE 6, mentre con firefox boxA non si adatta ad un eventuale boxB troppo grande e il contenuto di boxB esce fuori dalla propria sede.

ESEMPIO
<div class="boxA">
<div class="boxB">

ble ble ble

ble ble ble

ble ble ble

ble ble ble

ble ble ble

ble ble ble


ble ble ble

ble ble ble

ble ble ble


ble ble ble

ble ble ble

ble ble ble

ble ble ble

ble ble ble

ammaccabanane


</div>

<div class="boxB">

ble ble ble
</div>

<div class="boxB">

ble ble ble
</div>
</div>

<div class="boxA">
<div class="boxB">

1212 15151121 181 218112

1212 15151121 181 218112

1212 15151121 181 218112

1212 15151121 181 218112

1212 15151121 181 218112

1212 15151121 181 218112


</div>

<div class="boxB">

ble ble ble
</div>

<div class="boxB">

ble ble ble
</div>
</div>

MA come si faaaaaaaaaaaa????

[Mich_]

Anzitutto devi PRIMA sistemare per i browser standard, poi eventualmente correggere per IE usando i commenti condizionali.

E devi imparare a fare i conti.
Tre blocchi larghi 258px ciascuno non ci stanno in un blocco largo 780px.
E in altezza 100% + 8 px e` sicuramente maggiore di 100%, con cio` creando effetti orribili.
Il metodo delle false colonne puo` risolvere nel tuo caso.

overflow:visible non e` la soluzione migliore. Puoi usare overflow: auto, oppure non usarlo, lasciando che che il contenitore si allunghi se il contenuto interno supera i limiti

Alla fine di ogni blocco A, all'interno di esso o subito attaccato, devi usare un clear, altrimenti avrai sovrapposizioni. Vedi ad esempio la pillola sul clearing di fcaldera.