Bonjour,
 
J'ai un petit soucis de rendu entre FireFox et IE. Rein de bien étonnant vous allez me dire mais j'aurais voulu savoir s'il existait quand même une solution à mon problème Je veux mets deux blocs (CSS) l'un à coté de l'autre avec chacun des tailles différentes,ect...(Cf Code).
 
Feuille de Style :
 

 
Page HTML :
 

 
Sous IE, je l'espace entre les deux est "correct". Sous FireFox, ce même espace, passe du simple au double ! Je trouve assez génant notament pour la suite du site que je suis entrain de monter. Je vous mets les images ci-dessous. Existe t-il une solution pour ce genre de soucis ?
 

 

 
Je ne peux pas augmenter la taille du cadre de droite, sous peine de le faire descendre
D'avance merci pour vos réponses !
@+
cvb  

personne ne sait ou il n'existe pas de solution à mon problème ?

ton truc va pas aller, plus la fenêtre sera large, plus y'aura d'espace entre les deux blocs..
 
utilise plutôt  un bloc flottant et un autre non positionné avec la marge qui va bien

Oublie pas que les tailles des boites ne sont pas gérées pareilles sous ie et firefox

En fait la différence vient du bug d'IE qui double le margin du premier élément flottant. Tu constateras qu'en fait sur IE, ton bloc de gauche a une marge gauche de 20px au lieu de 10px, ce qui le décale sur la droite, ce qui réduit l'écart entre tes 2 éléments. C'est donc ce bug là que tu devrais géré.
Plusieurs options possibles selon ton montage et l'effet souhaité, soit mettre un padding au conteneur principal au lieu du margin à l'élément, soit jouer d'un padding pour ton élément, soit ajouter un display:inline pour corriger le bug.
 
Autrement il est clair que si tu veux les 2 blocs avec le même écart quelque soit la résolution (cf remarque de Sh@rdar) tu peux aussi les mettre les 2 en float left, au lieu du float right.

Merci pour vos réponses ! je vais regarder tout ça !
@+

finalement j'ai utilisé la propriété "display" et ça fonctionne pas trop mal pour l'instant ! Merci à vous tous !
 
@+