Pb affichage pages à cause de la résolution
jayjay1010
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour, je rencontre un vrai pb en ce qui concerne l'affichage de mes pages...
Suivant la résolution, l'affichage est totalement différent et ça devient vraiment gênant pour ceux qui utilise une résolution en plus grand. Le site n'apparait qu'aux 3/4 par exemple. C'est un réel problème.
Comment faire pour les pages soient au moins centrées... je suis novice, je sais que mon codage est très mauvais mais c'est automatique sur dreamweaver... je ne gère rien du tout.
Voilà le site en question pour comprendre. Je n'ai pas fini la page d'accueil et la bannière va changer ainsi que les boutons... mais comment faire pour avoir un affichage normal sous toute résolution ?
Merci d'avance
Suivant la résolution, l'affichage est totalement différent et ça devient vraiment gênant pour ceux qui utilise une résolution en plus grand. Le site n'apparait qu'aux 3/4 par exemple. C'est un réel problème.
Comment faire pour les pages soient au moins centrées... je suis novice, je sais que mon codage est très mauvais mais c'est automatique sur dreamweaver... je ne gère rien du tout.
Voilà le site en question pour comprendre. Je n'ai pas fini la page d'accueil et la bannière va changer ainsi que les boutons... mais comment faire pour avoir un affichage normal sous toute résolution ?
Merci d'avance
A voir également:
- Pb affichage pages à cause de la résolution
- Impossible de supprimer une page word - Guide
- Affichage double ecran - Guide
- Windows 11 affichage classique - Guide
- Réduire résolution image - Guide
- Problème affichage fenêtre windows 10 - Guide
3 réponses
Bonjour,
Le “site en question”, c'est celui-là ?
Si c'est c'est bien ça, quelques conseils préliminaires :
— évite les espaces et les accents dans les noms des fichiers, dossiers
— renomme de façon plus explicite les “#Layer” et les “.Style”
— nomme les pages
Et une question : le positionnement en absolute, tu l'as choisi volontairement ?
--
Le “site en question”, c'est celui-là ?
Si c'est c'est bien ça, quelques conseils préliminaires :
— évite les espaces et les accents dans les noms des fichiers, dossiers
— renomme de façon plus explicite les “#Layer” et les “.Style”
— nomme les pages
Et une question : le positionnement en absolute, tu l'as choisi volontairement ?
--
Bon, alors je occupons-nous simplement du centrage.
Il va falloir que tu le fasses dans le code, la source de la page (je n'utilise pas DW et ne peux te dire comment faire autrement).
Je te propose d'ajouter cette 1re ligne juste après la balise <body> :
Tu feras ça juste avant le </body> tout en bas :
Pendant que tu y es, rétablis les vraies dimensions de ta bannière :
Si ça ne suffit pas pour IE, il faudra ajouter :
--
Il va falloir que tu le fasses dans le code, la source de la page (je n'utilise pas DW et ne peux te dire comment faire autrement).
Je te propose d'ajouter cette 1re ligne juste après la balise <body> :
<body> <div id="conteneur" style="position:relative; margin:0 auto; width:980px;"> <img src="Pages du site/Cadre de vie/Bannière fondu vert.jpg" width="1259" height="161" /> <div id="Layer4">Comme tu viens de créer un nouveau bloc, il faut le refermer.
Tu feras ça juste avant le </body> tout en bas :
<p> </p> <p> </p> </div> </body> </html>Ça devrait apporter un début de centrage à ta page.
Pendant que tu y es, rétablis les vraies dimensions de ta bannière :
<div id="conteneur" style="position:relative; margin:0 auto; width:980px;">
<img src="Pages du site/Cadre de vie/Bannière fondu vert.jpg" width="975" height="161" />
<div id="Layer4">
À tester.
Si ça ne suffit pas pour IE, il faudra ajouter :
<body style="text-align:center;"> <div id="conteneur" style="position:relative; margin:0 auto; width:980px; text-align:left;"> <img src="Pages du site/Cadre de vie/Bannière fondu vert.jpg" width="1259" height="161" /> <div id="Layer4">
--
