Les pages de mon site bougent
Résolu
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
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
-
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.
@+ -
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é.
:-( -
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 -
ContributeurBonjour...
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 ;)
-
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 !!!!!! :-(
