Bonjour, j'ai un souci de positionnement que je n'arrive pas à comprendre.
La boîte jaune a un positionnement absolu.
Ma boîte grise ne possède pas de positionnement, c'est juste jouer sur la marge top.
Dans Firefoxe et Opéra la boîte grise se positionne bien en-dessous de la boîte jaune (comme je le souhaite).
Alors que dans IE elle se positionne tout en haut.
Pour que cela fonctionne dans IE il faut que dans le code HTML je passe la boîte grise en 1er.
J'aimerai avoir des explications car ces histoires de positionnement, c'est galère (pour moi).
Marc
Modifié par renato (22 Jan 2008 - 08:05)
La boîte jaune a un positionnement absolu.
Ma boîte grise ne possède pas de positionnement, c'est juste jouer sur la marge top.
Dans Firefoxe et Opéra la boîte grise se positionne bien en-dessous de la boîte jaune (comme je le souhaite).
Alors que dans IE elle se positionne tout en haut.
Pour que cela fonctionne dans IE il faut que dans le code HTML je passe la boîte grise en 1er.
J'aimerai avoir des explications car ces histoires de positionnement, c'est galère (pour moi).
Marc
[b]Pour le HTML :[/b]
<body>
<div id="conteneur"><h1 id="titre"></h1></div>
<h2><p>Les liens</p></h2>
</body>
[b]Pour le CSS :[/b]
body {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}
#conteneur {
background-color: #FFCC00;
height: 300px;
width: 600px;
position: absolute;
top: 0px;
left: 50%;/*pour l'alignement horizontal*/
margin-left: -300px;/*Centrer en horizontal - la moitié de la LARGEUR du bloc*/
padding: 0px;
}
#titre {
background-color: #990000;
margin: 0px;
height: 70px;
}
h2 {
width: 700px;
background-color: #CCCCCC;
margin-left: 150px;/*Décalage vers la gauche*/
margin-top: 350px;/*Décalage vers le bas*/
}
p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
color: #000000;
padding: 10px;
margin: 0px;
}
Modifié par renato (22 Jan 2008 - 08:05)
