Les pages de mon site bougent
Résolu/Fermé
lucie16
Messages postés
6
Date d'inscription
lundi 25 octobre 2010
Statut
Membre
Dernière intervention
26 octobre 2010
-
26 oct. 2010 à 11:08
maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 - 28 oct. 2010 à 18:04
maka54 Messages postés 698 Date d'inscription mercredi 8 avril 2009 Statut Membre Dernière intervention 4 décembre 2016 - 28 oct. 2010 à 18:04
A voir également:
- Les pages de mon site bougent
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Site de vente en ligne particulier - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site inaccessible - Guide
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.
@+
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.
@+
lucie16
Messages postés
6
Date d'inscription
lundi 25 octobre 2010
Statut
Membre
Dernière intervention
26 octobre 2010
26 oct. 2010 à 12:49
26 oct. 2010 à 12:49
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é.
:-(
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é.
:-(
Utilisateur anonyme
26 oct. 2010 à 12:55
26 oct. 2010 à 12:55
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
Cordialement Aurus
lucie16
Messages postés
6
Date d'inscription
lundi 25 octobre 2010
Statut
Membre
Dernière intervention
26 octobre 2010
26 oct. 2010 à 14:56
26 oct. 2010 à 14:56
oui tu as raison ce sont les pages plus longues qui bougent, donne moi une solution :-))
merci
merci
lucie16
Messages postés
6
Date d'inscription
lundi 25 octobre 2010
Statut
Membre
Dernière intervention
26 octobre 2010
26 oct. 2010 à 14:57
26 oct. 2010 à 14:57
non je pense que je vais trouver loll merci :-)))
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
26 oct. 2010 à 13:48
26 oct. 2010 à 13:48
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 ;)
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 ;)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
lucie16
Messages postés
6
Date d'inscription
lundi 25 octobre 2010
Statut
Membre
Dernière intervention
26 octobre 2010
26 oct. 2010 à 14:50
26 oct. 2010 à 14:50
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 !!!!!! :-(
{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 !!!!!! :-(
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
27 oct. 2010 à 13:25
27 oct. 2010 à 13:25
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....
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....
maka54
Messages postés
698
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
4 décembre 2016
80
28 oct. 2010 à 17:47
28 oct. 2010 à 17:47
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à
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à
maka54
Messages postés
698
Date d'inscription
mercredi 8 avril 2009
Statut
Membre
Dernière intervention
4 décembre 2016
80
28 oct. 2010 à 18:04
28 oct. 2010 à 18:04
tu aurais pu mettre
body{
overflow-y:scroll;
}