Forum « Problème de décalage sous IE avec des cadres flottants »

Forum « Programmation HTML » (archives)

Problème de décalage sous IE avec des cadres flottants

Envoyé: 17 février 2004, 8h17 par keelize

Bonjour à tous,
J'ai un petit problème de décalage sous IE : le bloc de gauche (en float: left) semble /pousser/ le contenu de celui de droite de quelques pixels. J'ai ce problème sous IE et pas sous Firefox ou Opera.

La page incriminée est en ligne ici :
http://www.cti.ecp.fr/~contetc4/test.html

Affichage avec décalage sous IE :
http://www.cti.ecp.fr/~contetc4/ie.jpg

Affichage correct sous Gecko (Firefox ici) :
http://www.cti.ecp.fr/~contetc4/gecko.jpg

Et pour les flemmards, voilà le code html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="fr">
<head>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<div class="cadre_gauche">
Remplissage<br >
du<br >
cadre<br >
de<br >
gauche<br >
</div>

<div class="cadre_principal">
Une ligne<br >
Deux lignes<br >
Trois lignes<br >
Quatre lignes<br >
Cinq lignes<br >
Six lignes<br >
Sept lignes<br >
Huit lignes<br >
Neuf lignes<br >
</div>
</body>
</html>

Et le code CSS :
.cadre_gauche{
float: left;
width: 100px;
border: 1px solid black;
}

.cadre_principal{
border: 1px solid black;
margin-left: 200px;
}

Quelqu'un a des idées pour régler le problème sous IE ?

Réponses

Re: Problème de décalage sous IE avec des cadres flottants	Oznog	18/2/2004
Re: Problème de décalage sous IE avec des cadres flottants	keelize	18/2/2004
Re: Problème de décalage sous IE avec des cadres flottants	Oznog	18/2/2004
Re: Problème de décalage sous IE avec des cadres flottants	keelize	18/2/2004
Re: Problème de décalage sous IE avec des cadres flottants	Oznog	18/2/2004
Re: Problème de décalage sous IE avec des cadres flottants	keelize	18/2/2004
Re: Problème de décalage sous IE avec des cadres flottants	znorelo	6/7/2004