Blocchi float differenza di spazio tra IE e FF

[The knight]

possibile che usando float left tra un blocco e l'altro ho uno spazio diverso tra IE e FF ? Ho creato un menù con dei blocchi float left per ogni voce, però lo spazio tra uno e l'altro è diverso...possible ?

[fcaldera]

per caso nei blocchi flottati hai messo un margine?

[panta1978]

Originariamente inviato da The knight
possibile che usando float left tra un blocco e l'altro ho uno spazio diverso tra IE e FF ? Ho creato un menù con dei blocchi float left per ogni voce, però lo spazio tra uno e l'altro è diverso...possible ?

Probabilmente i valori di default di margin e padding sono differenti da browser a browser.
Prova a definirli ad esempio così (poi sentiti libero di usare i valori che vuoi, ovviamente):

div.blocco{
margin:auto 2em auto 0;
padding:0
}

(Il 1° valore è il margin-top, il 2° il margin-right, il 3° il margin-bottom, il 4° il margin-left); auto significa usa il valore di default

[The knight]

Il codice ce l'ho a casa, ma sicuramente ho impostato un margin-bottom per distanziarli un attimo su Firefox...su IE praticamente non c'era bisogno di impostarlo perchè già me li staccava. Cmq dovrei rivedere il codice per aiutarvi un pò, sò solo che la distanza tra un blocco e l'altro è diversa

cmq se non ricordo male la struttura è tipo così, su ogni div c'è un'immagine (sfondo del div), quindi su top e bottom c'è impostata un'altezza fissa

<div id="top"> </div>
<div id="center"> </div>
<div id="bottom"> </div>

<div id="top"> </div>
<div id="center"> </div>
<div id="bottom"> </div>

[fcaldera]

http://positioniseverything.net/expl...ed-margin.html

[The knight]

Originariamente inviato da fcaldera
http://positioniseverything.net/expl...ed-margin.html

potrebbe essere il mio problema, però quà si parla di margin-left, io sono sicuro di aver impostato un margin-bottom

[The knight]

ecco un esempio, con Firefox tra H2 e il div sotto non c'è spazio, invece su IE ci saranno almeno 40 pixel

<div class="storycontent">
<?php the_content(__('(more...)')); ?>
</div>

<h2 class="storytitle" > <?php the_title(); ?> </h2>


<div>
<div class="alignleft"><?php previous_post('&laquo; %','','yes') ?></div>
<div class="alignright"><?php next_post(' % &raquo;','','yes') ?></div>
</div>



.alignright {
float: right;
}

.alignleft {
float: left;
}

[panta1978]

Originariamente inviato da The knight
ecco un esempio, con Firefox tra H2 e il div sotto non c'è spazio, invece su IE ci saranno almeno 40 pixel

<div class="storycontent">
<?php the_content(__('(more...)')); ?>
</div>
	 
<h2 class="storytitle" > <?php the_title(); ?> </h2>

 
<div>
<div class="alignleft"><?php previous_post('&laquo; %','','yes') ?></div>
<div class="alignright"><?php next_post(' % &raquo;','','yes') ?></div>
</div>



.alignright {
	float: right;
}

.alignleft {
	float: left;
}

Dovresti postare il codice css di storycontent e storytitle.