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

Résolu

osso045 Messages postés 178 Date d'inscription Statut Membre Dernière intervention -
osso045 Messages postés 178 Date d'inscription Statut Membre Dernière intervention - 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

Afficher la suite

A voir également:

Pb d'affichage de mon site (pixels et %) html
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Quel site remplace coco - Accueil - Réseaux sociaux
Site de partage de photos - Guide
Site x - Guide

3 réponses

Réponse 1 / 3

Lordk Messages postés 254 Date d'inscription Statut Membre Dernière intervention 15

Bonjour,
Tu as fait un site avec un design en taille fixe ou extensible ?
Cordialement

osso045 Messages postés 178 Date d'inscription Statut Membre Dernière intervention

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

Lordk Messages postés 254 Date d'inscription Statut Membre Dernière intervention 15

Bonjour,
peut tu me donner le CSS de te balise body.
Merci d'avance

osso045 Messages postés 178 Date d'inscription Statut Membre Dernière intervention

je te donne ma page entière si tu veux !!!

osso045 Messages postés 178 Date d'inscription Statut Membre Dernière intervention

<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>

Lordk Messages postés 254 Date d'inscription Statut Membre Dernière intervention 15

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>

Réponse 2 / 3

mimigenie Messages postés 1180 Date d'inscription Statut Membre Dernière intervention 313

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.

Réponse 3 / 3

osso045 Messages postés 178 Date d'inscription Statut Membre Dernière intervention

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

Lordk Messages postés 254 Date d'inscription Statut Membre Dernière intervention 15

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>

mimigenie Messages postés 1180 Date d'inscription Statut Membre Dernière intervention 313

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

osso045 Messages postés 178 Date d'inscription Statut Membre Dernière intervention

Merci à vous tous

Discussions similaires

problème de pixel

C'est quoi le site qui remplace coco chat

Colis en cours de transport vers votre site de livraison ?

Votre réponse

Discussions similaires