Probleme de mise en page

Probleme de mise en page - HTML/CSS - Programmation

Marsh Posté le 28-03-2006 à 16:26:12    

Bonjour,
 
J'ai un probleme de mises en page sur mon site.
J'affiche une page au milieu de l'ecran avec une largeur predefinie a l'aide d'un DIV.
Je m'apercois que lorsque la page est trop longue et que la barre de defilement apparait, il y a un lege decalage de tout mon DIV sur la gauche
Est ce que vous savez d'ou ca peut venir ?
Mon site est valide XHTML strict.
 

Code :
  1. body
  2. {
  3. margin-left:auto;
  4. margin-right:auto;
  5. width:710px;
  6. padding: 0;
  7. font-size:small; font-family:Verdana, Arial, Helvetica, sans-serif;
  8. background: #f4f4f4 url('../img/bg.gif') top center repeat-y;
  9. }


 
 
Merci


Message édité par fabs2b le 28-03-2006 à 17:39:27
Reply

Marsh Posté le 28-03-2006 à 16:26:12   

Reply

Marsh Posté le 28-03-2006 à 16:55:53    

Les scrollbars occupent une petite vingtaine de pixels, la largeur disponible est donc réduite, ton div centré est donc légèrement décalé. Rien d'anormal...


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 28-03-2006 à 17:17:50    

Oui mais comment regler ce probleme.
Car j'ai plusieurs pages et en naviguant, suivant la longueur de la page, mon DIV se deplace ... :(

Reply

Marsh Posté le 28-03-2006 à 17:49:17    

Ben réfléchis... si ton bloc est centré, la position de celui dépend de la largeur disponible. Si cette largeur varie, la position de ton div aussi.  
 
Ya ptetre moyen d'ajouter une couche de JS pour détecter si la page est trop longue et décaler ton div en fonction, mais à mon avis rien de simple.


---------------
♈ ♋ ♌ ♍ ♎ ♏ - Agora Fidelio | Galerie d'art Toulousaine
Reply

Marsh Posté le 28-03-2006 à 18:05:32    

Oui j'ai compris.
 
Mais c'est bizarre, je navigue beaucoup et des sites centrés il y en a des masses,  
pourtant je ne remarque pas mon probleme ...  :(


Message édité par fabs2b le 28-03-2006 à 18:16:17
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed