Les pages de mon site bougent

Résolu
lucie16 Messages postés 7 Statut Membre -  
maka54 Messages postés 721 Statut Membre -
Bonjour,

Voilà j'ai fini un site et j'ai ce problème, j'ai mis dans body:auto; pour qu'il s'adapte à tous écrans,mais je remarque que qd je clique sur certaines pages il y a un décalage, surtout sur les pages plus longues. On dirait qu'elles bougent légèrement.
J'ai essayé de mettre alors une marge à gauche dans body et là je n'ai plus de problème mais ce n'est pas la solution.
Comment faire?
Merci

5 réponses

  1. Twinpics
     
    Bonjour,
    Alors n'utilise pas la propriété auto et fais une détection de la résolution de l'écran du visiteur avec un script javascript pour adapter les pages en fonction de cette résolution.
    @+
    0
  2. lucie16 Messages postés 7 Statut Membre
     
    Ok merci,
    J'ai mis ce script que j'ai trouvé ici :
    <SCRIPT LANGUAGE="JavaScript1.2">
    var largeur=screen.width
    var hauteur=screen.height
    if(largeur==640 && hauteur==480) {url="page640.htm";}
    else if(largeur==800 && hauteur==600) {url="page800.htm";}
    else if(largeur==1024 && hauteur==768) {url="page1024.htm";}
    else if(largeur==1280 && hauteur==1024) {url="page1280.htm";}
    else {url="https://en.jeffprod.com";}
    window.location.replace(url);
    </SCRIPT>

    Et j'ai mis une marge à gauche, celà ne saute mais qd je regarde la page sur un écran plus grand le site n'est pas centré.
    :-(
    0
  3. aurus1212
     
    Salut si ton site bouge, c'est que quand ta page dépasse de ton écran il y a un scrollbar qui se mets en place (l'ascenceur ;)) donc il prend au pif 20px. donc ton site s'adapte à la largeur de ton écran - 20px =D

    Cordialement Aurus
    0
    1. lucie16 Messages postés 7 Statut Membre
       
      oui tu as raison ce sont les pages plus longues qui bougent, donne moi une solution :-))
      merci
      0
    2. lucie16 Messages postés 7 Statut Membre
       
      non je pense que je vais trouver loll merci :-)))
      0
  4. jjsteing Messages postés 1613 Date d'inscription   Statut Contributeur Dernière intervention   181
     
    Bonjour...

    html, body{
    border: 0px;
    margin: 0px;
    padding: 0;
    Width: 100%;
    text-align: center;
    }

    et fait un <div class='Main'> ton code site....</div>

    .Main{
    position: relative;
    border: 0px;
    margin:0 auto;
    padding: 0 0 0 0;
    top: 0px;
    Width: 1000px;
    height:100%;
    text-align: left;
    }

    Là ton site fera tout le temps 1000px de large, centré, et si la fenêtre fait - de 1000px, il se basera sur la gauche (donc la droite du site sera 'caché' et une barre de défilement horizontales apparaîtra ;)
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. lucie16 Messages postés 7 Statut Membre
     
    Mais mon body fait body
    {width:900px;
    margin-left:200px;
    background-color:#FFFFFF;
    border:2px solid #f5d300;
    }
    si je fais ce que tu dis jjstein je peprds toute la forme de mon site !!!!!! :-(
    0
    1. jjsteing Messages postés 1613 Date d'inscription   Statut Contributeur Dernière intervention   181
       
      As tu ajouter <div class='Main'> ton code site....</div> ..

      Dans mon exemple, body correspond à l'arriere plan de ton site, et le class main au site lui meme.. qui est centré et fait 1000px.. change en 900px si tu veux....
      0
    2. lucie16
       
      Merci à tous, c'est résolu!!!
      0
    3. maka54 Messages postés 721 Statut Membre 80
       
      overflow-y : scroll;

      il n' y a que çà a ajouter a la balise body, tu auras la scrollbar d'office et le site ne bouge plus de page en page puisqu'elle est toujours là
      0
    4. maka54 Messages postés 721 Statut Membre 80
       
      tu aurais pu mettre
      body{
           overflow-y:scroll;
      }  
      0