28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous et à toutes,
Mon problème est le suivant à partir du code suivant.
<div style="padding: 0;"><img src="images/head1.jpg" alt="" width="780" height="36" border="0" /></div>
	<div style="float:left;padding: 0;margin:0px;"><img src="images/head21.jpg" width="166" height="101" alt="" /></div>
	<div style="float:left;padding: 0;margin:0px;"><img src="images/head22.jpg" width="178" height="101" alt="" /></div>
	<div style="float:left;padding: 0;margin:0px;"><img src="images/head23.jpg" width="436" height="101" alt="" /></div>



Ce code me génère un affichage correcte sous FFX, mais propose un espace entre les deux lignes sous internet explorer.

résultat ici : http://www.eleatis.com/test/
En parcourant les forum, il m'a semblé que cela pouvait venir d'un margin, mais que néni, cet espace ne disparait pas.

Si vous avez une idée sur la résolution de ce problème je suis preneur.

Merci par avance
Modifié par Mystic260 (11 May 2007 - 10:19)
je me répond à moi-même étant donné que j'ai complètement zappé, la taille de mes blocs dans la déclaration....je ne dois pas être très reveillé.
Hello Smiley smile

Tu peux essayer de contourner le problème :

- Soit en utilisant le positionnement absolu plutôt que flottant,
- Soit en ajoutant un commentaire conditionnel pour IE qui retire 3 px à ta première div (margin-bottom:-3px).

Bon courage Smiley cligne

EDIT : Bug 3px Jog ? Smiley ohwell
Modifié par BeliG (11 May 2007 - 10:37)
apparement et ça semble plutôt logique, le fait de ne pas définir correctement la balise (width,height) pose un problème à IE alors que FFX s'en passe visiblement.

merci pour ta contribution. Smiley smile