CSS px, 800x600... Résolu

Question

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

smitty_cb · Answer

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 ;)

Jean_2 · Answer

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...

smitty_cb · Answer

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.

Jean_2 · Answer

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...

Jean_2 · Answer

je crois que je vais faire un js pour la résolution 800x600, ce sera plus simple...

Gihef · Answer

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…

--

Jean_2 · Answer

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...

Jean_2 · Answer

C'est bon en 800x600.
j'ai utilisé la méthode de dalida :
- fixer le body
- un margin-left pour sur le corps
- rien pour le pdp, pas besoin, ça marche sans.

voilàvoilà...

pashmina · Answer

Ton probleme est résolu alors?
Signale le merci

Jean_2 · Answer

signalé comme résolu

CSS px, 800x600...

10 réponses

Discussions similaires

Newsletters