Discussion :

[xess91]

Bonjour,

je me réalise un blog pour y mettre des créations graphiques et je viens de me rendre compte que lorsque je diminue la taille de la fenetre de mon navigateur une partie à gauche du site disparait et devient inaccessible.

Regardez la scrollbar horizontale sur l'image ci-dessous, elle est complétement à gauche impossible de récupérer la partie manquante sauf en méttant la page en plein écran!

le code est simple une div contenant tout le site avec comme valeur .ccs

Code :

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

1
2
3
4
5
6
7
 
.div {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
}

et tout le contenu dans cette div.

Quelqu'un aurait-il déjà rencontré ce problème.

[Bovino]

C'est normal, si ta page fait moins de 800px, du coup le 50% du left vaut moins de 400px et ton retrait devient supérieur au décalage, donc la page s'affiche en dehors du cadre visible !

[Erwan31]

Bonjour,
éviter d'utiliser le positionnement absolue pour le centrage d'un block conteneur
pour les raisons que vient d'expliquer Bovino et parce qu'on assiste à la multiplication des petites résolutions (netbook, ultraportables de première génération, pda...).

Code :

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

1
2
3
4
5
 
.div {
width:800px;
margin: 0 auto;
}

Ce code suffit, mais si tu vises aussi les écrans 800X600 c'est raté: présence de la scollbar horizontale assurée > je te conseil pour ma part de pas dépasser les 770px de large.

[xess91]

Merci Erwan et Bovino! Sujet résolu.