Bonjour,
Je souhaiterais créer un site très simple: il est composé de 3 images (c'est pour un test). Je connais de manière absolue la position de chaque image dans la page. Pour l'instant tout fonctionne très bien si ce n'est que je n'arrive pas à trouver comment (où à appliquer ce que je lis sur le net) pour centrer cette mise-en-page absolue?
Voici des bouts de code source:
CSS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 <body> <div id="page"> <div id="imagegauche"></div> <div id="imagehautdroit"></div> <div id="imagebasdroit"></div> </div> </body>
J'essaye via #page de faire en sorte que ma page se centre automatiquement tout en conservant mes positions absolues. Il faudrait que ces positions absolues soient prises par rapport au (0,0) d'un bloc div qui lui est centré sur la page...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54 body { background-color: rgb(207,38,47); //background-color: rgb(96,24,28); );} #page { width: 100%; height:100%; margin-left: auto; margin-right: auto; } #imagegauche { position:absolute; width:438px; height:607px; left:35px; top:10px; //text-indent:-3000px; background:url(imagegauche.png) 0 0 no-repeat; } #imagehautdroit { position:absolute; width:482px; height:422px; //position:absolute; left:514px; top:15px; //text-indent:-3000px; background:url(imagehautdroit.png) 0 0 no-repeat; } #imagebasdroit { position:absolute; width:483px; height:181px; left:497px; top:475px; //text-indent:-3000px; background:url(imagebasdroit.png) 0 0 no-repeat; }
Merci![]()
Partager