28173 sujets

CSS et mise en forme, CSS3

Problème de positionnement sour IE

J'ai une page avec un titre centré, suivi de 2 div.
Je positionne le second div en le décalant à droite en positionnement absolu de façon ce qu'il reste 20px horizontalement entre les 2 div.
Or sous IE6 le div est décalé non pas à partir de l'origine de son parent positionné, mais à priori à partir du centre comme si le centrage du titre avait une effet.
Je n'ai pas de souci sous firefox.

Je ne comprends pas le problème. Merci de votre aide.
Denis

vOICI UNE ILLUSTRATION DU PROBLEME;

<!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>
<title>Mon titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<style type="text/css">
#container
{
position: relative;
left: 20px;
top: 5px;
}

h1{text-align: center;}

h1 span{ color: red;}

#set1
{
height: 100px;
width: 100px;
background: blue;
}

#set2
{
position: absolute;
height: 100px;
left: 120px;
width: 100px;
background: red;
}
</style>
</head>
<body>
<div id="container">

<h1>UN PROBLEME <span>NON RESOLU</span></h1>
<div id="set1">
texte 1
</div>

<div id="set2">
texte 2
Le code complet de l'illustration

<!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>
<title>Mon titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<style type="text/css">
#container
{
position: relative;
left: 20px;
top: 5px;
}

h1{text-align: center;}

h1 span{ color: red;}

#set1
{
height: 100px;
width: 100px;
background: blue;
}

#set2
{
position: absolute;
height: 100px;
left: 120px;
width: 100px;
background: red;
}
</style>
</head>
<body>
<div id="container">

<h1>UN PROBLEME <span>NON RESOLU</span></h1>
<div id="set1">
texte 1
</div>

<div id="set2">
texte 2
</div>
</div>

</body>
</html>
Sujet clos
Aller à