ciao a tutti, sto lavorando con XHTML su FireFox.
Ho un div al cui interno sono posizionati altri due div.
Io voglio che i due div interni siano disposti orizzontalmente e non uno sotto l'altro.
A tale scopo ho settato la proprietà CSS float:left per entrambi i div interni.
A questo punto è nato il mio problema:
Sembrerebbe che i due div interni "escano" dal div esterno ed in particolare che l'altezza del div esterno non cresca abbastanza in modo da contenere i due div interni.
Questa è parte del codice:
<div class="outerbox">
<div class="insidebox1">
1
</div>
<div class="insidebox2">
...div content..
</div>
</div>
Il primo div interno deve contenere un solo numero, mentre il secondo div interno può contenere testo immagini, ecc.. e non posso sapere in anticipo quanto diventi alto.
(non posso utilizzare altre strategie quali position:relative o cose del genere in quanto ho dei problemi nell'applicazione in cui sto lavorando)
Anche usando queste disposizioni di stile
.outerbox{
min-height: 20px;
height: auto;
}
.insidebox1{
float:left;
}
.insidebox2{
float:left /*oppure right*/;
}
l'altezza dell'outerbox non cresce al crescere dell'altezza di insidebox2.
Qualcuno potrebbe spiegarmi per quale motivo?
grazie
Rispondi quotando
