Discussion :

[Kamoo]

Bonjour,

J'ai un gros soucis sur mon site. En effet celui-ci s'affiche tout à fait correctement lorsque ma fenêtre est en plein écran. Je peux zoomer, dézoomer avec la molette+ctrl sans problème tout s'affiche bien.
Le problème c'est lorsque j'active le mode fenetré sur mon navigateur (plus en pleine page) et que je fais varier la largeur de la fenêtre. Les éléments se chevauchent et leur taille ne change pas.

Y'a t-il un moyen d'empêcher cela? Comment faire?

Je ne peux pas vous fournir l'adresse du site celui-ci étant seulement installé en local.

Merci et bonne journée

[NoSmoking]

Bonjour,

Y'a t-il un moyen d'empêcher cela?

Oui

Comment faire?

Modifies la structure de la page pour une structure "fluide"


<humour>

Je ne peux pas vous fournir l'adresse du site celui-ci étant seulement installé en local.

je ne peux pas te fournir la solution celle ci étant en bocal.
</humour>

[Graimbault]

Bonjour Kamoo,


Une solution serait de définir une largeur minimale de telle sorte à ce qu'au minimum ton élément soit de telle taille.
Cette solution s'appliquant aux éléments encadrants et non aux éléments internes.

Code :

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

1
2
3
4
5
 
div.toutLeCode {
     min-width: 800px;
     width: 90%;
}

Comme çà tu t'adaptes. Si la résolution/fenêtrage est grande, alors ton site va s'adapter (90% de la résolution en longueur) en revanche si c'est petit, ton site fera au minimum 800px de façon à ne pas le déformer. Et un scroll horizontal apparaîtra.

Pour les éléments internes à cet élément englobant, tu définis les largeurs avec des pourcentages.

Et tout devrait bien se passer !

Essaie et dis moi ce que t'en penses !



Cordialement,

Graimbault.



PS pour NoSmoking:
J'ai beaucoup aimé ta section humour!