Positionnement et cadrage de site
Résolu
t671
Messages postés
1476
Date d'inscription
Statut
Membre
Dernière intervention
-
Skeletyon Messages postés 1552 Date d'inscription Statut Membre Dernière intervention -
Skeletyon Messages postés 1552 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaiterais savoir quelle est la meilleure façon de cadrer un site afin que l'affichage soit bon (ou pratiquement bon) dans tous les cas.
Pour l'instant, si j'ouvre un site (que j'ai fait), il est bien centré chez moi. Si je l'ouvre au boulot, les paramètres d'affichage d'IE ou Mozilla étant différents, le cadrage est différent !
Existe t'il une façon de faire pour que le cadrage soit sensiblement identique ?
Dans le CSS, est il préférable de cadrer en % ou en px ?
Doit t'on définir une div "body" de 100%x100% ?
Merci
Je souhaiterais savoir quelle est la meilleure façon de cadrer un site afin que l'affichage soit bon (ou pratiquement bon) dans tous les cas.
Pour l'instant, si j'ouvre un site (que j'ai fait), il est bien centré chez moi. Si je l'ouvre au boulot, les paramètres d'affichage d'IE ou Mozilla étant différents, le cadrage est différent !
Existe t'il une façon de faire pour que le cadrage soit sensiblement identique ?
Dans le CSS, est il préférable de cadrer en % ou en px ?
Doit t'on définir une div "body" de 100%x100% ?
Merci
A voir également:
- Positionnement et cadrage de site
- 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
- Meilleur site de vente entre particulier - Guide
5 réponses
Une balise center n'est pas du tout un bonne solution.
Pour ce qui est du dimensionnement les % sont plus agréables pour les visiteurs car ton site s'adaptera à la résolution de l'écran sur lequel est affiché ton site.
malgré les derniers efforts des éditeurs de navigateurs web il existe toujours des différences et le rendu de l'un et le rendu d'un autre.
Le mieux est de rester dans les standards et si jamais cela ne fonctionne pas définir une feuille de style spécifique pour les navigateurs qui sont un peu plus capricieux
Adns
Pour ce qui est du dimensionnement les % sont plus agréables pour les visiteurs car ton site s'adaptera à la résolution de l'écran sur lequel est affiché ton site.
malgré les derniers efforts des éditeurs de navigateurs web il existe toujours des différences et le rendu de l'un et le rendu d'un autre.
Le mieux est de rester dans les standards et si jamais cela ne fonctionne pas définir une feuille de style spécifique pour les navigateurs qui sont un peu plus capricieux
Adns
OK !
Mais pour le positionnement (top, left, .....) et le dimentionnement (height, width) , vaut mieux le faire en % ou en px ?
Mais pour le positionnement (top, left, .....) et le dimentionnement (height, width) , vaut mieux le faire en % ou en px ?
Bonjour,
Malheureusement tous les navigateurs ne respectent pas les normes W3C de la même façon ou à 100%.
Je dirai que les gros sites qui se respectent ont un CSS pour chaque grand navigateur...
Ensuite il est clair qu'il faille passer passer des div, c'est plus propre et un CSS qui gère l'affichage. Le siteduzero a un très bon tutoriel...
Je dirai que l'optimal est du % Mais malheureusement c'est difficile de faire un site 100% en %. Ne serait-ce que pour le redimensionnement des images, les alignements des tableau etc...
Souvent les sites se calent sur les plus petites résolutions et définissent un cadre en px. Comme ça c'est toujours bien calé. Mais il faut penser aux personnes qui ont du 22" et + donc si tu peux faire que du % c'est bien.
Pour la div... L'expérience m'a apprise à ne pas utiliser 100% de la page mais plutôt de l'ordre de 80% avec des margin-left et right de 10%. Ça évite que ça soit trop écrasé.
D'autres te confirmeront surement.
Bon courage
Malheureusement tous les navigateurs ne respectent pas les normes W3C de la même façon ou à 100%.
Je dirai que les gros sites qui se respectent ont un CSS pour chaque grand navigateur...
Ensuite il est clair qu'il faille passer passer des div, c'est plus propre et un CSS qui gère l'affichage. Le siteduzero a un très bon tutoriel...
Je dirai que l'optimal est du % Mais malheureusement c'est difficile de faire un site 100% en %. Ne serait-ce que pour le redimensionnement des images, les alignements des tableau etc...
Souvent les sites se calent sur les plus petites résolutions et définissent un cadre en px. Comme ça c'est toujours bien calé. Mais il faut penser aux personnes qui ont du 22" et + donc si tu peux faire que du % c'est bien.
Pour la div... L'expérience m'a apprise à ne pas utiliser 100% de la page mais plutôt de l'ordre de 80% avec des margin-left et right de 10%. Ça évite que ça soit trop écrasé.
D'autres te confirmeront surement.
Bon courage
Merci à vous !
Skeletyon, qd tu parles de norme W3C, parles-tu de la balise META :
Celles-ci est-elle correcte ?
Skeletyon, qd tu parles de norme W3C, parles-tu de la balise META :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Celles-ci est-elle correcte ?
Je mets en effet ceci
Mais attention, cela signifie juste à google et autres moteur d'indexation que votre page se soumet (tout est relatif) à ces normes et que normalement la page est conforme.
C'est comme le nombre de codes php écrit avec mysql_query alors que PDO est plus sécurisé. Il y a ce qu'on annonce et ce qu'on a.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head>sur toutes mes pages.
Mais attention, cela signifie juste à google et autres moteur d'indexation que votre page se soumet (tout est relatif) à ces normes et que normalement la page est conforme.
C'est comme le nombre de codes php écrit avec mysql_query alors que PDO est plus sécurisé. Il y a ce qu'on annonce et ce qu'on a.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question