Ciao ragazzi,
ho un piccolo problema con il float. Adesso vi propongo un piccolo esempio per farvi capire
meglio:

codice:
<html>
<head>
<style type="text/css">
#primo{width:768px;height:40px; background-color:#fff000;}
#secondobase{width:768px;height:auto}
#secondo1{width:50%;height:auto; float:left;background-color:#ff00ff;}
#secondo2{width:50%;height:auto; float:left; background-color:#00ff00;}
#terzofine{width:768px;height:40px; background-color:#cccccc;}
</style>
</head>

<body>
<div id="primo">Titolo...</div>
<div id="secondobase">

  <div id="secondo1">1° Quadrante

4°riga</div>
  <div id="secondo2">2° Quadrante</div>

</div>

<div id="terzofine">piede...</div>
</body>
</html>
In pratica con "explorer e opera" tutto funziona alla perfezione, ma se lo stesso codice
lo provo con "firefox e netscape" il div "#secondobase" non aumenta proporzionalmente (in altezza)
ai div "#secondo1" e/o "#secondo2", e quindi a sua volta condiziona il div "#terzofine"
che va sotto ai div "#secondo1 e/o #secondobase".

Come posso risolvere il succitato problema? :master:


Grazie mille