3 divs en float left de longueur automatique

[123quatre]

Bonjour,

mon site contient trois colonnes principales (barre de gauche, contenu et barre de droite) de longueurs bien définies. Selon les pages de mon site des colonnes peuvent de pas apparaitre. Je gère donc ces pages un avec display:none sur la colonne qui est vide, et une modification de la longueur des divs qui restent.

Ca devient vite fastidieux avec beaucoup de page, je dois modifier le css à chaque fois.

Existe t'il une astuce css pour gérer cela automatiquement ?

Merci d'avance

[ornitho13]

utilise des classes suivants ce que tu veux faire.

pour un colonne invisible :

Code css :

1
2
3
4
5
6
7
 
.col1{
   ...
}
.hide{
   display:hidden;
}

Ainsi dans ton code html, tu utilises ta class :

Code html :

1
2
3
4
 
<div class="col1">
   ...
</div>

et tu ajoutes la class "hide" quand tu veux la cacher :

Code html :

1
2
3
4
 
<div class="col1 hide">
   ...
</div>

De cette manière tu gères tout en css et tu te contente d'ajouter la class "hide" quand tu as besoin de cacher une colonne.