Petit problème en HTML/CSS

Deathwing -  
Marco la baraque Messages postés 996 Date d'inscription   Statut Contributeur Dernière intervention   -
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

1 réponse

Marco la baraque Messages postés 996 Date d'inscription   Statut Contributeur Dernière intervention   329
 
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