Pb d'affichage de mon site (pixels et %) html

Résolu/Fermé
osso045 Messages postés 178 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 30 mai 2011 - 28 oct. 2010 à 20:17
osso045 Messages postés 178 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 30 mai 2011 - 30 mai 2011 à 14:10
Bonjour.
J'ai crée un site internet avec web page maker, le pb c'est que mon site ne s'affiche pas bien sur
d'autres ordinateurs (ex: j'ai testé mon site sur un pc de 14,? puce, résolution 1280x800 mais malheureusement ne s'affiche pas bien, le site est décalé vers la gauche, etc... ).
sachant que mon site est créé en pixels, la résolution de mon écran est 1280x800 (recommandé) et la taille de mon écran (15.4").
J'attends vos réponses.
merci
A voir également:

3 réponses

Lordk Messages postés 252 Date d'inscription jeudi 23 avril 2009 Statut Membre Dernière intervention 30 mai 2015 15
28 oct. 2010 à 20:19
Bonjour,
Tu as fait un site avec un design en taille fixe ou extensible ?
Cordialement
0
osso045 Messages postés 178 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 30 mai 2011
28 oct. 2010 à 20:44
j'ai utilisé la position absolue voici un ex. de mon code

<div id="text1" style="position:absolute; overflow:hidden; left:0px; top:746px; width:1260px; height:18px; z-index:0; background-color:#336600"><div class="wpmd">


merci pour la réponse
0
Lordk Messages postés 252 Date d'inscription jeudi 23 avril 2009 Statut Membre Dernière intervention 30 mai 2015 15
28 oct. 2010 à 20:48
Bonjour,
peut tu me donner le CSS de te balise body.
Merci d'avance
0
osso045 Messages postés 178 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 30 mai 2011
28 oct. 2010 à 20:57
je te donne ma page entière si tu veux !!!
0
osso045 Messages postés 178 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 30 mai 2011
28 oct. 2010 à 21:04
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
 margin-top: 0px;
 margin-bottom: 0px;
}
</style>


et dans <body>
j'ai utilisé la position absolue pour positionner mes objets.
ex
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:381px; height:251px; z-index:1"><img src="images/Sans titre3.png" alt="" border=0 width=381 height=251></div>
0
Lordk Messages postés 252 Date d'inscription jeudi 23 avril 2009 Statut Membre Dernière intervention 30 mai 2015 15
28 oct. 2010 à 22:46
Si j'ai bien compris tu veux avoir un design centrer ?
Alors essaye à la place de :
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:381px; height:251px; z-index:1"><img src="images/Sans titre3.png" alt="" border=0 width=381 height=251></div>

==>

<div id="image1" style="position:absolute; margin:auto; overflow:hidden; left:0px; top:0px; width:381px; height:251px; z-index:1"><img src="images/Sans titre3.png" alt="" border=0 width=381 height=251></div>
0
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 312
29 oct. 2010 à 20:27
le problème, je pense, c'est que les pages ne s'adapte pas à la résolution de l'écran, j'ai eu se problème mais dans le sens inverse (on ne voyait pas tout)
dans les dimensions de ton sites, s'il y a moyen, au lieu de mettre en pixel, met la largeur en % donc 100% et ton site aura la taille de l'écran normalement.
0
osso045 Messages postés 178 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 30 mai 2011
29 oct. 2010 à 22:56
je fais comment pour convertir le pixel en %,
c'est la galère pffffffffffffffffff
en fait j'ai prèsque le même pb que toi (mimigenie) sur un petit écran mes objets sont décalé un petit peu vers la gauche, et sur un grand écran on voit pas tout !!!

merci pour vos réponses
0
Lordk Messages postés 252 Date d'inscription jeudi 23 avril 2009 Statut Membre Dernière intervention 30 mai 2015 15
30 oct. 2010 à 12:26
D'après ce qu'a dit mimigenie :
<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:100%; height:100%; z-index:1"><img src="images/Sans titre3.png" alt="" border=0 width=381 height=251></div>
0
mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 312
Modifié par mimigenie le 30/10/2010 à 16:15
c'est exactement ca. 100% donc le site prend toute la largeur de l'écran. sauf une erreur, width:100% est juste mais on ne met pas la hauteur à 100% normalement, donc

<div id="image1" style="position:absolute; overflow:hidden; left:0px; top:0px; width:100%; height:le nombre de pixel que tu veux; z-index:1"><img src="images/Sans titre3.png" alt="" border=0 width=381 height=251></div>

il te suffit de remplacé "le nombre de pixel que tu veux" par le nombre de pixel que tu veux ^^

enfin je crois, il faut tester pour voir si c'est juste
0
osso045 Messages postés 178 Date d'inscription dimanche 14 mars 2010 Statut Membre Dernière intervention 30 mai 2011
30 mai 2011 à 14:10
Merci à vous tous
0