[CSS] Float e Mozilla

[vAiO]

Raga non so perhè ma con mozilla non riesco a far funzionare bene la propietà float, nel senso che il box a sinistra e a destra funzionano correttamente ma rimangono fuori dal box principale (con la proprietà float) mentre su IW nessun prob.

Il css

.left {
height: auto;
width: 35%;
border: 0px none #FFFFFF;
position: relative;
top: 0px;
float: left;
margin: 0px;
padding: 0px;
text-align: left;
}

.right {
height: auto;
width: 55%;
position: relative;
top: 0px;
float: right;
margin: 0px 0px 0px 30px;
padding: 0px;
border-top: 0px none #FFFFFF;
border-right: 0px none #FFFFFF;
border-bottom: 0px none #FFFFFF;
border-left: 50px none #FFFFFF;

}


e nell'html

<div class="box">

	<div class="header"> 
		<div align="center">Benvenuto nel portale Italiano dedicato al progetto Erasmus</div> 
        </div>

	<div class="header_sotto">
	
		<div class="left"> 
        		<div class="menu">&lt;&lt;HOME&gt;&gt;</div> 
        		<div class="menu">&lt;&lt;FORUM&gt;&gt;</div> 
        		<div class="menu">&lt;&lt;GALLERY&gt;&gt;</div> 
        		<div class="menu">&lt;&lt;INFO&gt;&gt;</div> 
        		<div class="menu">&lt;&lt;SCHEDULE&gt;&gt;</div> 
        	</div> 
        	
      		<div class="right"> [img]vaio.jpg[/img]<span class="blank">aaaa</span> [img]io.jpg[/img]</div> 
    		</div> 
	
	</div>

come mai se metto flat sia .right che .left rimangono fuori da .box????? (solo con mozilla)

[Pasco]

a volte è sufficente inserirlo dentro div.box , ovvero:

div.box div.left { spec... }

div.box div.right { spec... }

[antos]

un'altra volta il problema NON è di Mozilla & Co. ma di IE
per visualizzare correttamente scrivi così:

<div class="box">
<div class="left">
...
</div>
<div class="right" >
 ...
</div>
<div style="clear:both;"></div>
</div>

xkè usi le classi anche quando potresti utilizzare gli id che sarebbero + corretti logicamente

[vAiO]

si hai ragione hehe

[antos]

Originariamente inviato da vAiO
si hai ragione hehe

:sexpulp: