CSS/Ajustement auto d'un site à taille écran
Résolu
Bonjour,
J'aimerais savoir comment ajuster automatiquement la taille de mon site à la résolution de l'écran du visiteur !? Je crois qu'il faut donner un valeur à "body" mais sans certitude. Et faut-il mieux que je fasse un site avec une grosse résolution de base pour qu'il soit réajuster sur des écrans plus petits sans perte de qualité !? Moi je suis en 1280 par 1024 par exemple. Merci d'avance.
PS : Je bosse en CSS avec quelques touches de HTML et de JS par-ci par-là.
J'aimerais savoir comment ajuster automatiquement la taille de mon site à la résolution de l'écran du visiteur !? Je crois qu'il faut donner un valeur à "body" mais sans certitude. Et faut-il mieux que je fasse un site avec une grosse résolution de base pour qu'il soit réajuster sur des écrans plus petits sans perte de qualité !? Moi je suis en 1280 par 1024 par exemple. Merci d'avance.
PS : Je bosse en CSS avec quelques touches de HTML et de JS par-ci par-là.
Configuration: Windows XP Internet Explorer 6.0
4 réponses
-
La question est si tu centres deux éléments avec des pourcentages (les deux éléments sont côte à côte) leur positionnement sera-t-il le même dans toutes les résolutions ? Si un espace de 15 pixels les séparent par exemple cet espace fera-t-il toujours 15 pixels dans toutes les résolutions ?
-
ContributeurC'est assez curieux de vouloir centrer deux éléments côte-à-côte non ?
Personnellement je préfère les encapsuler dans un conteneur et centrer ce conteneur (utiliser les attributs left ou right fait sortir les éléments du flux, et donc pour en afficher plusieurs côte à côte c'est casse-tête). Pour répondre à ta question, une marge de 15px reste une marge de 15px quelque soit la résolution.
Ensuite, je viens de te dire que pour centrer, il vaut mieux éviter les pourcentages.
Cependant, tu peux centrer correctement un bloc de taille donnée (largeur x, hauteur y par exemple) en pourcentage, en utilisant les marges négatives (mais encore une fois, les pourcentages, c'est génial pour la structure de ton site, pas pour l'affichage du contenu) :
left: 50%;
margin-left: -32px; /*32 c'est x/2*/
top: 50%;
margin-top: -57px; /*57 c'est y/2*/
Cordialement, -
-
