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 nullaVVoVe:
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:
.. 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.<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>
MA come si faaaaaaaaaaaa????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>
![]()