CSS px, 800x600...
Résolu
Jean_2
Messages postés
245
Statut
Membre
-
Jean_2 Messages postés 245 Statut Membre -
Jean_2 Messages postés 245 Statut Membre -
Bonjour,
Mon site est (quasiment) fini, mais j'ai un ptit soucis :
En résolution 800x600, mes 3 "cadres" se retrouvent collés à gauche.
raison : ils sont centrés, mais ont un width > à 800px.
un dessin :
__cadre________1
__cadre___2
__cadre________3
une adresse (la mienne, ça tombe bien) :
http://www.estaminets-des-flandres.fr/
Dois-je forcément les mettre en % ? (j'en doute et surtout, j'aimerai les laisser en px). Y a-t-il une petite technique CSS pour que le cadre 2 reste un peu décalé à droite en 800x600, sans que ça affecte le rendu dans les autres résolutions ?
merci à vous
Mon site est (quasiment) fini, mais j'ai un ptit soucis :
En résolution 800x600, mes 3 "cadres" se retrouvent collés à gauche.
raison : ils sont centrés, mais ont un width > à 800px.
un dessin :
__cadre________1
__cadre___2
__cadre________3
une adresse (la mienne, ça tombe bien) :
http://www.estaminets-des-flandres.fr/
Dois-je forcément les mettre en % ? (j'en doute et surtout, j'aimerai les laisser en px). Y a-t-il une petite technique CSS pour que le cadre 2 reste un peu décalé à droite en 800x600, sans que ça affecte le rendu dans les autres résolutions ?
merci à vous
10 réponses
Il faudrait que tu passes par un JavaScript pour l'adapter à la fenêtre, sachant que 10% des utilisateurs ne l'activent pas. Toutefois, si tu décales encore le cadre de contenu vers la droite, en 800x600, le pauvre internaute devra encore scroller de gauche à droite pour tout voir, ce qui n'est de loin pas souhaitable. Exprimer toutes les dimensions d'un site en % est une bonne chose, sinon, mais exige une certaine maîtrise des CSS ;)
oui, je suis d'accord mais j'aurai justement voulu éviter l'utilisation d'un javascript...
ex : une propriété CSS qui laisse une marge à gauche minimale, et qui n'a aucune incidence sur la présentation si cette marge est dépassée (= qui ne pousse pas mon contenu si la marge minimum est dépassée) .
merci de vos conseils...
ex : une propriété CSS qui laisse une marge à gauche minimale, et qui n'a aucune incidence sur la présentation si cette marge est dépassée (= qui ne pousse pas mon contenu si la marge minimum est dépassée) .
merci de vos conseils...
Il est possible de donner une propriété min-width à un élément de type bloc, mais pas à sa marge. Le plus simple serait peut-être de donner une largeur exprimée en pourcents à ta marge (margin-left: 1%; par exemple). Mais je crains que cela ne suffise pas pour ce que tu veux faire.
je le crains aussi...
j'ai des choses à tester, je tiens au courant si je réussis.
sinon, si ce post vous inspire, n'hésitez pas...
toute idée est bonne à prendre...
j'ai des choses à tester, je tiens au courant si je réussis.
sinon, si ce post vous inspire, n'hésitez pas...
toute idée est bonne à prendre...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour,
En fait, le plus simple serait, me semble-t-il, que tu utilises d'emblée des dimensions inférieures.
De 850px passe à 760px.
760px, ça tient dans ces basses résolutions.
Et ça évite les rares navigateurs qui n'acceptent pas le Javascript (plutôt anciens non ? Et donc certainement sur des configurations en 800x600).
++
Quel pourcentage d'écrans affiche encore en 800x600 ?
Super bonne idée ce site.
Ça concerne la Belgique ou la France ? Ou les deux ?
Ça n'est pas immédiatement précisé.
La Flandre comme un ensemble. Franco-belge…
--
En fait, le plus simple serait, me semble-t-il, que tu utilises d'emblée des dimensions inférieures.
De 850px passe à 760px.
760px, ça tient dans ces basses résolutions.
Et ça évite les rares navigateurs qui n'acceptent pas le Javascript (plutôt anciens non ? Et donc certainement sur des configurations en 800x600).
++
Quel pourcentage d'écrans affiche encore en 800x600 ?
Super bonne idée ce site.
Ça concerne la Belgique ou la France ? Ou les deux ?
Ça n'est pas immédiatement précisé.
La Flandre comme un ensemble. Franco-belge…
--
1. Quel pourcentage d'écrans affiche encore en 800x600 ?
7.91%% lol
https://www.w3counter.com/globalstats.php
2.Super bonne idée ce site.
Ça concerne la Belgique ou la France ? Ou les deux ?
Ben en fait, les frontaliers... (plutot la communauté francophone ou francophile)...
3. sinon dalida ma conseillé :
"ton 'div#menu' fait 950 de large.
tu bloques '<body>' à 950 de large avec {margin:auto;} ensuite pas de largeur pour 'div#menu'. pour 'div.corps' , 850 de large plus marge gauche de 50 ((950-850)/2). et pareil pour le pdp en adaptant.
Je vais tester les 2 façons (la tienne Gihef et celle de Dalida) et je tiens au courant...
merci à vous...
7.91%% lol
https://www.w3counter.com/globalstats.php
2.Super bonne idée ce site.
Ça concerne la Belgique ou la France ? Ou les deux ?
Ben en fait, les frontaliers... (plutot la communauté francophone ou francophile)...
3. sinon dalida ma conseillé :
"ton 'div#menu' fait 950 de large.
tu bloques '<body>' à 950 de large avec {margin:auto;} ensuite pas de largeur pour 'div#menu'. pour 'div.corps' , 850 de large plus marge gauche de 50 ((950-850)/2). et pareil pour le pdp en adaptant.
Je vais tester les 2 façons (la tienne Gihef et celle de Dalida) et je tiens au courant...
merci à vous...