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% ?
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
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é.
<!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.
