centrer un site avec div +pos abosolute
Bonjour,
Avec le contenu suivant , j'aimerais asvoir comment centre mon site de part et et d'autre du navigateur.
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
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
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<link rel="stylesheet" type="text/css" href="menu_css1.css" />
<style>
.Titre { position: absolute;
left: 100px;
top: 0px;
z-index: 2;
font-size: 36pt;
font-family: Tahoma;
font-weight: 900;
color: #0066DD }
.SousTitre { position: absolute;
left: 130px;
top: 60px;
z-index: 10;
font-size: 14pt;
font-family: Tahoma;
font-variant: small-caps; }
</style>
</HEAD>
<BODY>
<div id="CadreDroit" style="position:absolute; left:8px; top:110px; width:230px; height:480px; background-color: #B1E33C; layer-background-color: #B1E33C; border: 1px none #000000; padding: 12px; line-height: 22pt; font-size: 8pt; font-family: Arial">
<img src="doss.gif"> <a href="">Sommaire</a><br>
<img src="doss.gif"> <a href="">Qu'est-ce qu'Internet ?</a><br>
<img src="doss.gif"> <a href="">Comment s'en servir ?</a><br>
<img src="doss.gif"> <a href="template00.htm">Nous contacter</a><br>
<br>
<CENTER>Ici les animations</CENTER>
</div>
<div style="position:absolute; left:8px; top:95px"><img src="nav_menu_haut.gif"></div>
<div style="position:absolute; left:8px; top:590px"><img src="nav_menu_bas.gif"></div>
<div id="CadrePrincipal" style="position:absolute; left:240px; top:110px; width:490px; height:480px; background-color: #E2F4B7; layer-background-color: #E2F4B7; border: 1px none #000000; padding: 12px" CLASS="Texte">
<img src="logo.gif" align=left><br>
ici le texte et images du site
</div>
<div style="position:absolute; left:240px; top:95px; z-index:-1;"><img src="princip_haut.gif"></div>
<div style="position:absolute; left:240px; top:590px"><img src="princip_bas.gif"></div>
</BODY>
</HTML> |
j'ai déjà lu beaucoup sur le net j'ai essayé ce qui suit mais ca ne va pas
Code:
1
2
3
4
5
6
| #global {
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left; /* on rétablit l'alignement normal du texte */
} |
Merci d'avance,
