taille relative des pages selon la résolution

taille relative des pages selon la résolution - HTML/CSS - Programmation

Marsh Posté le 27-09-2005 à 11:18:56    

Bonjour,
 
j'aimerai savoir quoi mettre en CSS pour que la taille de mon site soit relative à chaque visiteur, selon sa résolution d'écran.
 
pour l'instant, il est en 800x600  :non: , mais ça gène sous certain postes.
 
merci d'avance  :jap:

Reply

Marsh Posté le 27-09-2005 à 11:18:56   

Reply

Marsh Posté le 27-09-2005 à 11:26:16    

tu passes les postes en 800x600
 
car un poste en 640x480 c'est une connerie de nos jours
 

Reply

Marsh Posté le 27-09-2005 à 11:28:42    

Et bien tu peux specifier une taille fixe ou en pourcentage (de la fenetre du navigateur) avec les propriete width et height ... mais en fonction de la resolution rien n'est prevu, et pour cause : je peux etre en 1600x1200 et vouloir naviguer dans une fenetre 'reduite' de 800x600. Mais encore ... je peux etre en 1600x1200 et avoir une barre de menu  sur la gauche de mon ecran ... et avoir 3 tonnes d'option dans les menus de mon navigateur si bien que la surface utilisable pour afficher le site varie d'une machine a une autre a resolution d'affichage pourtant egale.

Reply

Marsh Posté le 27-09-2005 à 12:08:49    

Passer les postes en 800X600 ok, mais ça n'empêche pas tout l'espace perdu en 1024x768, 1280x1024 etc...
Comme évoqué par abfilou, utilisation de % : un peu plus compliqué à mettre en oeuvre mais...
Vérifier que ça passe en 800x600 (pas de barre de scrolling horizontale) et voili-voiloù (comme dit gatsusat, laisse tomber le 640x480, faut pas déconner qd-même, le 320x240 CGA aussi c'est terminé ;) ).

Reply

Marsh Posté le 27-09-2005 à 13:22:21    

Les petites résolutions sont utilisées par les machines de poches, qui sont déja nombreuses aujourd'hui et devraient l'être encore plus dans les années à venir.

Reply

Marsh Posté le 27-09-2005 à 14:00:29    

http://www.maxdesign.com.au/presentation/liquid/
http://uwmike.com/articles/2005/05 [...] uid-layout
http://www.htmldog.com/ptg/archives/000012.php


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 27-09-2005 à 14:29:22    

CSS les enfants CSS

Reply

Marsh Posté le 27-09-2005 à 16:11:44    

gatsusat a écrit :

tu passes les postes en 800x600
 
car un poste en 640x480 c'est une connerie de nos jours


 
 
 
Je me vois mal aller chez les visiteurs du site pour leur dire : "Eh ! Mon site est en 800x600 ! Changer donc la résolution de votre PC."
 
Allez le voir, mais sur certain poste, le site est plus grand que l'écran, et c'est ça qui me déplait
 
www.datalp.com

Reply

Marsh Posté le 27-09-2005 à 16:14:24    

Le problème surtout, c'est qu'il n'est pas centré :/ A cause de la width sur le body qu'il faudrait retirer...

Reply

Marsh Posté le 04-10-2005 à 16:53:09    

ce que je recherche, c'est pricipalement ce qu'il faut que je mettes pour que mes blocs menus s'étirent en foction de la taille de mon contenu, et non pas en fonction de ce qu'il y a dans le menu.
 
je m'explique :  
 
à gauche, le menu
à droite, le contenu  
 
je voudrais que la partie de gauche s'agrandisse en même temps que celle de droite. en gros, que leur hauteurs soient les mêmes.

Reply

Marsh Posté le 04-10-2005 à 16:53:09   

Reply

Marsh Posté le 04-10-2005 à 20:33:40    

Bah travailles avec des pourcentages pour ta largeur, je ne vois que cette soluce, mais bonjour l'angoisse si tu as des bordures à mettre.
 
 
 

Reply

Marsh Posté le 05-10-2005 à 08:49:47    

en fait, ça marche sur IE, mais pas sur mozilla.
sur mozilla, j'ai une taille de 100% en hauteur sur toutes les pages, avec, du coups, une scrollbar lorsque le contenu est plus grand

Reply

Marsh Posté le 05-10-2005 à 14:29:14    

C'est normal qu'il y ait une srollbar avec mozilla, car la taille de sa fenêtre est plus petite que celle de IE.

Citation :

avec, du coups, une scrollbar lorsque le contenu est plus grand


Là je comprends pas trop, si ton contenu est plus grand, c'est normal que ça dépasse.
 
Sinon mets overflow: hidden sur ton body, ça ne dépassera plus :D

Reply

Marsh Posté le 11-10-2005 à 18:00:49    

merci.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed