Conception web : centrer son site à l'écran

Suite à une formation sur Dreamweaver, je découvre peu à peu le HTML, les CSS, tout ça. Et pendant la formation, j'ai rencontré un souci qui me gênait et le formateur m'a dit qu'on ne pouvait rien y faire.

Voilà le topo.
Le site doit être centré. Or, quand l'écran n'est pas assez large ou que la fenêtre n'est que restaurée, le site est tronqué sur la gauche et aucune barre de défilement ne permet de voir le bout tronqué.

Sur TT, le conteneur est centré et de largeur fixe, mais lorsque je réduis la taille de ma fenêtre, il est calé sur la gauche et je peux défiler vers la droite. C'est ça que je voudrais obtenir.

Les paramètres CSS actuels de mon conteneur sont:
width: 1024px
margin-left: -512px
position: absolute
left: 50%

Quels paramètres utiliser pour que ce soit comme je veux?

enlève ton "margin-left", ton "position", ainsi que ton "left" et met :
margin : 0 auto;

Je viens de le faire, mais pour le coup, le site n'est plus centré, mais aligné à gauche... :?

beri dit:Je viens de le faire, mais pour le coup, le site n'est plus centré, mais aligné à gauche... :?

C'est ca qui est bien gentil avec le CSS, tout dépend du contexte (conteneur, etc).
Faudrait voir l'ensemble du code pour juger (en tout cas un squelette du truc).

Une info qui peut être utile: j'ai fait un reset CSS.

edit: au temps pour moi, j'avais dû oublier une étape. J'avais pas fait "margin: 0 auto". Pour le coup j'ai fait uniquement "margin: auto", il semble que "0 auto" soit une valeur non valide.

Donc: merci !!! :)

Bonjour,

j'aimerais bien savoir combien est payé ton formateur car c'est un peu la base quand même (ou alors y a un truc que j'ai loupé).

Je me permets de te conseiller l'excellent site du zéro qui propose un très bon tuto xhtml/css ici :

http://www.siteduzero.com/tutoriel-3-13 ... -css3.html

et ce que tu étudies pour l'instant :

http://www.siteduzero.com/tutoriel-3-13 ... #ss_part_3

Et Alsacréations, bien sûr. Sont forts, là bas :

http://www.alsacreations.com/tutoriels/

Ouaip, le site du zero et alsacreations, il nous les a conseillés.

Quant au positionnement du conteneur, je me rends compte qu'il applique sa méthode sur les sites qu'il crée, avec, du coup, le même désagrément :)

Cette méthode est surtout intéressante quand tu veux centrer un élément verticalement sans passer par un tableau parce que dans ce cas là ma méthode ne marche pas. Car oui, c'est débile les CSS !
Je rêve de pouvoir mettre 9 images de fond sur un div (les bords et les angles) que je puisse enfin connaître l'intérêt de la séparation du contenu de la mise-en-page. Mais bon, ça ne risque pas d'arriver…