Présentation d'un site avec les DIVs

**apt** · 18/11/2008, 13h23

Bonjour à tous,

Comment faire pour afficher au centre toute page sélectionnée pat l'utilisateur ?

Code html :

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
<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Title here!</title>
</head>
<body>
<div id="global">
<div id="title">
</div><div id="nav_top">
  <ul>
      <li class="right"><a href="index.php">Acceuil</a></li>
      <li class="right"><a href="register.php">S'enregistrer</a></li>
      <li class="right"><a href="edit.php">Controls</a></li>
  </ul>
</div>
<div id="nav_back_next"></div>
<div id="content">
   <div id="left"></div>
   <div id="center">
      Ici sera affichée toute page sélectionnée
   </div>
   <div id="right"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>

Merci d'avance

**HiRoN** · 18/11/2008, 14h05

Salut,

Ce point de la FAQ pourrait t'être utile...

**Saray** · 03/12/2008, 23h26

Envoyé par apt

Bonjour à tous,

Comment faire pour afficher au centre toute page sélectionnée pat l'utilisateur ?

Code html :

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
<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> 
<html>
<head>
       <title>Title here!</title>
</head>
<body>
<div id="global">
<div id="title">
</div><div id="nav_top">
  <ul>
      <li class="right"><a href="index.php">Acceuil</a></li>
      <li class="right"><a href="register.php">S'enregistrer</a></li>
      <li class="right"><a href="edit.php">Controls</a></li>
  </ul>
</div>
<div id="nav_back_next"></div>
<div id="content">
   <div id="left"></div>
   <div id="center">
      Ici sera affichée toute page sélectionnée
   </div>
   <div id="right"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>

Merci d'avance

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
#content{
text-align:center; /* ça c'est pour que son contenu soit centré */
width:100%;  /* ça c'est que pour les calculs se fassent sur la largeur visible de la fenêtre */
overflow:auto; /* ça c'est au cas la largeur visible de la fenêtre est plus petite que le contenu de la fenêtre */
}
 
#center{
/* l'astuce est ici, pour que la div soit vraiment centré il faut dire au navigateur de calculer les marge gauche et droite automatiquement */
margin-left:auto;
margin-right:auto;
/* le texte va être centré, donc on le remet à gauche */
text-align:left;
}

voili, voilou

Présentation d'un site avec les DIVs

CSS

Vue hybride

Discussions similaires

Partager

Partager