titi63 Posté 15 Janvier 2008 Partager Posté 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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="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 : Lien vers le commentaire Partager sur d’autres sites More sharing options...
blman Posté 15 Janvier 2008 Partager Posté 15 Janvier 2008 (modifié) 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 Lien vers le commentaire Partager sur d’autres sites More sharing options...
karnabal Posté 15 Janvier 2008 Partager Posté 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 ! Lien vers le commentaire Partager sur d’autres sites More sharing options...
titi63 Posté 16 Janvier 2008 Auteur Partager Posté 16 Janvier 2008 Essaye avec ce code : .titrechapitre {width: 600px; clear:both } Youpi, ça marche Grand Merci blman Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant