Discussion :

[divad]

B'jour!

J'ai un soucis qui me perturbe jusqu'à tard dans la nuit

J'ai un site web avec trois colonnes. Tout le style CSS est fait, il me plait bien, et ne semble pas souffrir de soucis particulier quand on le maltraite un peu. Sauf dans le cas d'un redimensionnement...

En effet, plus je rétrécis la page, plus mon menu de gauche disparait En fait, le centre de la page reste visible tout le temps, quoi que je fasse, au détriment de de la colonne de gauche et de droite.
Si j'active une barre de défilement horizontale, je peux avoir accès à ma colonne de droite, mais pas mon fameux menu de gauche.

Pour info, mes trois colonnes sont disposées en float:left.

J'aimerai avoir des avis afin de savoir les éléments que je dois vérifier en premier lieu, en prenant en compte les éléments que je vous ai donné. Pour le moment j'aimerai tenter de le résoudre sans vous montrer le code

Si vous séchez aussi, je vous ferai part du code.

Merci en tout cas de votre aide!

David

[Bisûnûrs]

Salut, on veut bien avoir le code, ou mieux, un exemple en ligne. Tu dois avoir un autre style qui entre en conflit, des colonnes simplement en float ne peuvent pas se chevaucher.

[desert]

Bonjour,
Comment as-tu définis la largeur de tes colonnes ? Les 3 ont-elles une largeur calculée en % ?
Avec une mise en page à 3 colonnes, c'est très souvent la colonne du milieu qui varie (largeur en %) et les deux autres qui restent fixes (largeurs en px).

[divad]

Bonjour,
la colonne du milieu est en % et les deux autres en px. Ca ne vient donc pas de ça.

Je vais réfléchir à quelles parties du code vous montrer car le style CSS est long et ... compliqué.

Je suis désolé de ma réponse rapide, mais je dois m'absenter.
Si vous avez d'autres idées comme celles de desert par exemple, je suis preneur

Merci à vous deux de votre réponse!

D.

[divad]

C'est en me résignant à vous copier des lignes de codes que j'ai trouvé le soucis

J'avais un conflit de deux lignes en CSS qu'il m'a simplement fallu supprimer:

Code :

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

1
2
margin-left: -480px; 
left: 50%;

Cette erreur avait été commise du temps où je n'utilisais qu'une seule feuille de style pour IE et FF. Ces deux lignes étaient donc depuis inutiles et ... nocives

Merci encore de votre aide!
Et merci desert pour cette "règle" pour les sites à trois colonnes

David