Centrer ma page web

Tioneb -  
 Tioneb -
Bonjour,

J'ai créé un site avec Dreamweaver... j'utilise les positions "absolute" pour positionner mes div.
Existe-t-il une solution simple (il comprend au moins 200 pages) permettant de centrer le contenu de la page quelque soit la résolution de l'écran.

Mon site est développé pour une résolution de 1024 et je souhaiterais qu'il soit centré sur des résolutions supérieures.

Je me perds dans les solutions proposées ici ou là, ne sachant pas s'il est possible de le faire à postériori....


Merci de vos conseils !
A voir également:

2 réponses

Réponse 1 / 2
pyschopathe Messages postés 1974 Date d'inscription   Statut Membre Dernière intervention   135
 
http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

Je te conseille ce site pour tout ce qui concerne le design web.
-1
Tioneb
 
Merci, J'ai bien du mal quand même...
Je crois comprendre qu'en mettant "tout" dans un conteneur centré ça marcherait...
Je connaissais déjà ce site, j'ai essayé, mais je n'y connais pas grand chose...

Si quelqu'un peut me faire voir un exemple à partir d'une page de mon site...
http://www.meslibellules.fr/...

Dont voici le code...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rainette arboricole</title>
<style type="text/css">
<!--

body {
background-color: #000000;
}
#apDiv1 {
position:absolute;
left:750px;
top:73px;
width:210px;
height:32px;
z-index:1;
padding: 5px;
border: 2px outset #AFDE5A;
}
.Style1 {color: #FFFFFF}
.Style3 {
font-size: 24px;
color: #AFDE5A;
}
#apDiv2 {
position:absolute;
left:14px;
top:20px;
width:353px;
height:179px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:908px;
top:17px;
width:96px;
height:19px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:760px;
top:154px;
width:181px;
height:251px;
z-index:4;
padding: 5px;
border: thin solid #90C131;
}
.Style4 {
color: #90C131
}
-->
</style>
</head>

<body>
<div id="apDiv1">
<div align="center" class="Style1"><span class="Style3">Rainette arboricole</span></div>
</div>
<div id="apDiv2"><img src="../../../../images/aeshnidae/aeshna/aeshnacyanea/rainette_arboricole/rainette.jpg" width="716" height="538" /></div>
<div id="apDiv3"><a href="aeshnacyaneamale1.html"><img src="../../../../images/aeshnidae/aeshna/aeshnacyanea/rainette_arboricole/retour.gif" width="100" height="20" /></a></div>
<div class="Style4" id="apDiv4">Bien qu'elle ne semble pas avoir sa place parmi les odonates, j'ai placé cette photo provisoirement pour convaincre certains de l'existence de ce type d'ampibiens dans notre région.<br />
<br />
Il est vrai que personnellement...je n'en avais jamais vue.</div>

</body>
</html>

Si quelqu'un a du courage... merci!
0
Réponse 2 / 2
pyschopathe Messages postés 1974 Date d'inscription   Statut Membre Dernière intervention   135
 
Essaie ça : 

body {
     margin-left: auto;
     margin-right: auto;
     width: 600; /* largeur obligatoire pour être centré */
}
-1
Tioneb
 
Non, je suis dans le cas avec des éléments positionnés...
Ce que je comprends c'est qu'il faut que je place tous les éléments de ma page dans un conteneur, puis que je centre celui-ci...
Je ne sais pas pas créé ce conteneur... déjà.
0