centrer un site avec div +pos abosolute

**faamugol** · 02/12/2007, 19h46

Bonjour,

Avec le contenu suivant , j'aimerais asvoir comment centre mon site de part et et d'autre du navigateur.

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
<!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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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,

**Bisûnûrs** · 02/12/2007, 19h57

Ton DOCTYPE n'est pas complet donc fait basculer IE6 en mode Quirks qui ne comprend donc plus la syntaxe margin:auto.

http://xhtml.developpez.com/faq/?pag...#html_doctypes

**faamugol** · 02/12/2007, 22h41

Merci pour ta reponse,

je ne comprends bien l'explication..
je peux avoir un exemple

Merci d'avance,

**blueice** · 03/12/2007, 08h23

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

centrer un site avec div +pos abosolute

HTML

Vue hybride

Discussions similaires

Partager

Partager