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

blman

karnabal

titi63

Veuillez vous connecter pour commenter

Parcourir

Activité