Décalage balise <li> different entre IE et Firefox

Marsh Posté le 08-06-2007 à 15:55:16

J'ai ca sous ie :

et ca sous ff :

en gros en dessous de destination le select est pas au meme niveau. voila le code :

Code :

echo("
<ul>
<li class=li_label>
<span class=titreradio>Destination ".($i+1)."</span>
</li>
<li class=li_radio>
<input class=typeradio type=radio name=type_dest".($i+1)." id=type_dest_pays".($i+1)." value=pays onclick=javascript:affiche_dest2(".($i+1)." );>
<label class=labelradio for=type_dest_pays".($i+1).">Pays</label>
</li>
<li class=li_radio>
<input class=typeradio type=radio name=type_dest".($i+1)." id=type_dest_region".($i+1)." value=region onclick=javascript:affiche_dest2(".($i+1)." );>
<label class=labelradio for=type_dest_region".($i+1).">Region</label>
</li>
<li class=li_radio>
<input class=typeradio type=radio name=type_dest".($i+1)." id=type_dest_ville".($i+1)." value=ville onclick=javascript:affiche_dest2(".($i+1)." );>
<label class=labelradio for=type_dest_ville".($i+1).">Ville</label>
</li>
<li>
<input class=typeradio type=radio name=type_dest".($i+1)." id=type_dest_zone".($i+1)." value=zone onclick=javascript:affiche_dest2(".($i+1)." );>
<label class=labelradio for=type_dest_zone".($i+1).">Zone</label>
</li>
<li>
<div id=\"dest_".($i+1)."\"></div>
</li>
</ul>

et le css

Code :

.li_label{
float:left;
width:150px;
vertical-align:middle;
}
/*afficher les li des boutons radio sur une seule ligne*/
.li_radio{
float:left;
}
.typeradio{
width:auto;
}
.labelradio{
margin:0;
padding:0;
text-align:left;
width:55px;
}

Ya la solution du magin -15px; mais c'est sale

Reply

Marsh Posté le 08-06-2007 à 15:55:16

Reply

Marsh Posté le 08-06-2007 à 16:32:03

Mets le margin et le padding de tes éléments avec la même valeur. Ca devrait répondre à ton problème.

---------------
"Nous avons tous nos machines du temps. Celles qui nous ramènent en arrière sont les souvenirs, celles qui nous projettent en avant sont les rêves."

Reply

Marsh Posté le 08-06-2007 à 16:43:13

Selon firebug, le padding et le margin sont deja a zero tous les deux.

Reply

Marsh Posté le 08-06-2007 à 17:33:23

Entre firebug et ton cerveau, tu choisis quoi?

Fais le test, ça coût rien.

Code :

* {
margin: 0;
padding: 0;
}

Message édité par AlphaZone le 08-06-2007 à 17:33:32

---------------
"Nous avons tous nos machines du temps. Celles qui nous ramènent en arrière sont les souvenirs, celles qui nous projettent en avant sont les rêves."

Reply

Décalage balise <li> different entre IE et Firefox

Sujets relatifs:

Leave a Replay