Petit problème en HTML/CSS

Fermé
Deathwing - 7 janv. 2009 à 15:20
Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 - 7 janv. 2009 à 15:35
Bonjour,

Voila je suis en train de créer un site mais lorsque je le visualise sur un ordi ayant un écran plus petit que l'ordi sur lequel je travaille j'ai un ascenseur horizontal qui apparait
Je voudrais savoir comment faire pour que mon contenu bouge vers la gauche en même temps que je réduis la fenêtre pour que ma page soit toujours visible entièrement

Exemple : http://www.languedoc-informatique.fr/page00010073.html

Si vous réduisez la fenêtre sur se site, le bloc jaune reste toujours au milieu. C'est ce que je voudrais faire pour mon site

Merci d'avance
A voir également:

1 réponse

Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 328
7 janv. 2009 à 15:35
Bonjour,
Il faut utiliser des marges automatiques.

Par exemple pour le site donné en exemple, en css tu dois avoir quelque chose du genre :
body {
 margin-left: auto;
 margin-right: auto;

 width: 600px; /*parce que la largeur ne change pas lors du redimensionnement, donc c'est une valeur absolue*/
}

NB: je ne suis pas sûr que les marges automatiques marchent parfaitement sur le body avec internet explorer. Jette un coup d'oeil sur google pour optimiser tout ça (ici par exemple : http://www.elanceur.org/FractalCity/Traductions/CentrageCssMargesAuto.html).

Cordialement,
0