Centrer un site au milieu de l'écran en Css

**youri89** · 09/04/2008, 17h48

Bonjour,

Je dois centrer un site au milieu de l'écran.

Le problème est que la navigation est au dessus et que pour pouvoir afficher le corps en premier (pour le référencement) l'ordre est :

Code html :

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

1
2
3
4
5
6
7
 <html><head></head><body>
div id="container">
<div id="corps"> Le texte</div>
<div id="bandeau"><img></div>
<div id="nav"><ul><li></li></ul></div>
</div>
</body></html>

Le souci est que pour que le bandeau et la nav s'affiche au dessus du corps, je suis obligé de mettre position:absolute

Sur d'autres sites ou la navigation est à gauche et ou le bandeau est intégré dans la div corps, j'ai mis :

Code :

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

1
2
3
 div#container {margin:0 auto 0;}
div#nav {float:left;}
div#corps {float:right;}

et le site est centré au milieu de l'écran.

Existe-t-il une méthode pour pouvoir centrer un site qui a des div avec comme attribut position:absolute ?

Merci

**Ikonic** · 10/04/2008, 09h18

Salut,

Pas tout compris à ton problème mais si c'est centrer un site au milieu de l'écran quelle que soit la résolution de l'écran ou le navigateur, voici la méthode que j'utilise :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
div#container {
  position: absolute;
  width: 400px;
  height: 300px;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -150px;
}

Regarde le CSS de mon site...

**youri89** · 10/04/2008, 13h07

Merci, ça marche.

Effectivement j'avais pas chercher à mettre le container en absolute.

Centrer un site au milieu de l'écran en Css

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager