Titre: problème d'alignement sous Firefox
Posté par: titi63 le le 15-01-2008 a 16:39:57
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 :
<!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>10 mots moto lllllllllllllllllllllllllll Mecanique Moto</title>
<meta name="keywords" content="Moto mecanique une dizaine de mots moto" />
<meta name="description" content="mecanique moto : une dizaine de mots" />
<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 :
|
Titre: Re:problème d'alignement sous Firefox
Posté par: ticia69 le le 20-01-2008 a 16:00:14
| Je pense que ton image n'est pas prise comme de type bloc sous FF! |
Titre: Re:problème d'alignement sous Firefox
Posté par: titi63 le le 21-01-2008 a 10:05:10
A foce j'ai trouvé une solution. (si ça peut servir à d'autres)
J'ai modifié ça :
.titrechapitre {width: 600px; clear:both}
et ça marche!
cool |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|