Redimenssionnement de div
Re bonjour,
En repartant de mon code pour le centrage, je cherche à le redimmensionner lorsque l'utilisateur redimensionne sa fenêtre. Je veux que le site soit toujours au millieu de la page lorsque la fenêtre change de taille.. Je vous mets le code initial et le code que j'ai réussi à générer d'après un tuto mais qui ne marche pas... Si qqun aurait une idée ou une piste ce serait sympa! Merci d'avance!
Code initial :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
body {
margin: 0;
text-align: center;
}
#conteneur{
position:absolute;
width: 800px;
background-image: url(../image_graphique/fond_graphique.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: center top;
height: 600px;
margin : 0;
} |
Essai de redimmensionnement :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
body {
margin: 0; /* pour corriger le bug de centrage IE */
}
#conteneur{
position: absolute;
width: 800px; /* selon la largeur voulue */
margin-left: -400px; /* moitie de width */
left: 50%;
height: 600px;
margin-top: -300px; /* moitie de height */
top: 50%;
}
#page{
background-image: url(../image_graphique/fond_graphique.jpg);
background-repeat: no-repeat;
margin: 1em;
display: block;
height: 600px;
width: 800px;
} |
