Float : IE e Firefox

[keratox]

http://www.keratox.net/Prova/

div#content{
	float:left;
	border:1px solid #220077;
	padding:1.0em;
	width:60%;
}

div#navigator{
	float:left;
        width:30%;
	padding:0.2em;
	border:1px solid #000077;
}

codice xhtml

<div id="mydiv">

   <div id="content">
   ....
   </div>

   <div id="navigator">
   ...
   </div>

</div>

<div id="bottom">
....
</div>

Come mai in questo modo i div con il bordo nero sono dentro a un div che non li riguarda (ossia nel div#bottom???

Avviene solo in FF.


Come risolvo ???
Solo con i float riesco a farli stare affiancati...



Aggiornamento--> Domanda 2

<div id="mydiv1">

</div>
<div id="mydiv2">

</div>

css

div#mydiv1{
}
div#mydiv2{
	margin:1.0em 0.0em 1.0em 0.0em;
}

Come mai non c'è spazio top e bottom ???

Ciao

[lorenzos]

Prova nel div bottom:
display:block;

[keratox]

Avevo gia' risolto

Bisogna usare un div che separa colonna e contenuto dal footer

Cioe'... è necessario applicare clear:both; a un div intermedio

[lorenzos]

In realtà volevo suggerirti di applicare clera:both, ma è tutto ieri che mi sento ripetere display:block, display:block, display:block...

Comunque bravo che hai già risolto

[GaretJax]

http://www.positioniseverything.net/easyclearing.html

Qua c'è una guida per non riempire il codice html di markup inutile...
Ciauzz