décalages sous Firefox

titi63 · 15 Janvier 2008

Bonjour,

Je fais appel a vous pour essayer d'élucider mon mystère!

L'image est décalée sous FF et non sous IE

Pourquoi l'image déborde sur le chapitre 1 sous FF??

css :

.titrechapitre {width: 600px;}	
.content {width: 600px;}	
.titrefiche {width: 600px; background-color:#FF9900;}

html :

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=&quot;http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Moto</title>
<meta name="keywords" content="Moto" />
<meta name="description" content="moto" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="content">
<div class="titrefiche"> <h1>Titre</h1></div>
<div class="chapitre"><img alt="ddd" src="../../images/aleatoire/6.jpg" width="300" height="200" style="float: left" />texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte </div>
       <div class="titrechapitre"><h2>1 - Chapitre</h2></div>
       <div class="chapitre">texte</div>
       <div class="titrechapitre"><h2>2 - Chapitre</h2></div>
       <div class="chapitre">texte</div>
</div>
</body>
</html>

apercu sous FF :

apercu sous IE :

blman · 15 Janvier 2008

Essaye avec ce code :

.titrechapitre {width: 600px; clear:both }

Je crois que ça devrait fonctionner, à moins qu'il faille rajouter un truc du genre :

<div class="content">
<div class="titrefiche"> <h1>Titre</h1></div>
<div class="chapitre"><img alt="ddd" src="../../images/aleatoire/6.jpg" width="300" height="200" style="float: left" />texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte </div>

--> <div style="clear:both;"></div>

<div class="titrechapitre"><h2>1 - Chapitre</h2></div>
<div class="chapitre">texte</div>
<div class="titrechapitre"><h2>2 - Chapitre</h2></div>
<div class="chapitre">texte</div>

EDIT : mise en place de la balise code pour Karnabal

Modifié 15 Janvier 2008 par blman

karnabal · 15 Janvier 2008

Hey les gars, n'hésitez pas à utiliser la balise code lors de l'édition de vos posts, c'est fait pour ça !

titi63 · 16 Janvier 2008

Essaye avec ce code :
.titrechapitre {width: 600px; clear:both }

Youpi, ça marche

Grand Merci blman :thumbsup:

Connexion

décalages sous Firefox

Sujets conseillés

titi63

Lien vers le commentaire

Partager sur d’autres sites

blman

Lien vers le commentaire

Partager sur d’autres sites

karnabal

Lien vers le commentaire

Partager sur d’autres sites

titi63

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité