Discussion :

[Spixz]

Bonsoir tous le monde. Je suis en train de créer mon site et j'en suis à la structure en HTML avant de passer au PHP. Pour "exprimer" la taille de mes blocs Header, le mileur et footer j'ai utilisé des tailles en pourcentage pour que le site s'adapte mieux aux mobiles. Le problème c'est qu'à l'intérieur de ces blocks j'ai créer des div en pixel et quand je modifie la taille de ma fenêtre, tous les éléments dont la taille n'est pas exprimé en % se barrent (de disposent d'une autres manière).
Je voulais donc avoir votre avis. Est il plus judicieux d'utiliser les pourcentages pour définir la taille de ses blocs ou utiliser les pixels. Merci pour vos réponses. Bonne soirée

[Azerx]

Bonjour,
des pixels sans aucun doute! Cela rend ton site responsive et permet une accessibilité vers un plus grand nombre d'écrans!

[Invité]

Bonjour,

des pixels sans aucun doute!...

?? Mais qu'est-ce que tu racontes...

On peut les exprimer en pixels et/ou en %.
Le fait est qu'il faut définir exactement le fonctionnement lors du changement de medias (les "break-points" des media queries).

1/ Certains sites fonctionnent avec des largeurs de blocs exprimés en pixels :

• Dans l'intervale entre 2 "break-points", ces blocs ont donc une largeur fixe.
• A chaque "break-point" (via media-queries), ces largeurs sont modifiées.

2/ D'autres utilisent des % :

• Dans l'intervale entre 2 "break-points", ces blocs s'adaptent en largeur.
• A chaque "break-point" (via media-queries)... ces largeurs n'ont pas forcément besoin d'être modifiées
  (sauf si on passe par exemple de 2 blocs 30%-70% à 2 blocs 100%-100%).

3/ Une astuce peut être d'utiliser les deux :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.blocglobal {
   width:90%;
   max-width:1024px;
   margin:0 auto;
}

4/ Quant à ton problème de div en largeur fixe* dans un bloc en %, ce n'est pas un problème :
il te faut juste mettre un "break-point" au bon endroit.
C'est-à-dire décider toi-même quand le div doit passer en dessous (ou décider d'une AUTRE mise en page), au lieu que ce soit le div qui décide de lui-même, faute de place.

* C'est notamment souvent le cas des encarts pub.

[Azerx]

des pixels sans aucun doute!

Ce moment où tu penses à quelque chose et que tu écris son inverse...

[johnrock]

Je suis d'avis avec jreaux.
Je pense que tout cela dépend tout simplement de celui qui code, mais il est conseillé d'utiliser toutes les deux unités.

Juste un appui

[Spixz]

4/ Quant à ton problème de div en largeur fixe* dans un bloc en %, ce n'est pas un problème :
il te faut juste mettre un "break-point" au bon endroit.
C'est-à-dire décider toi-même quand le div doit passer en dessous (ou décider d'une AUTRE mise en page), au lieu que ce soit le div qui décide de lui-même, faute de place.

* C'est notamment souvent le cas des encarts pub.

D'accord je vais essayer, merci

Bonjour,
des pixels sans aucun doute! Cela rend ton site responsive et permet une accessibilité vers un plus grand nombre d'écrans!

Merci pour ta réponse

[Azerx]

Si ça n'était pas déjà clair, je voulais parler des %, mais comme mes prédécesseurs l'ont signalé il ne faut pas forcément être borné à faire TOUT d'une seule manière, à toi de voir