PHWinfo banniere

Titres
PORTAIL ANNUAIRE ARTICLES COMPARATEUR HÉBERGEURS DEVIS FORUMS RÉDUCTEUR D'URL
Précédent   PHWinfo > Autres forums > Forum Programmation & Conception > fr.comp.info.auteurs > trois colonnes de hauteur différentes ?
S'inscrire FAQ Membres Recherche Messages du jour Marquer les forums comme lus
trois colonnes de hauteur différentes ?

Réponse
 
LinkBack Outils de la discussion
Vieux 21/03/2008, 20h53   #1 (permalink)
Une Bévue
Aucun Avatar
 
Messages: n/a
Hébergeur:
Par défaut trois colonnes de hauteur différentes ?

je cherche un moyen d'obtenir trois colonnes de hauteur différentes avec
un pied de page qui colle à la colonne la plus haute :

Etat 1 :
|--------------------------------------------------------------|
| header |
|----------|--------------------|------------------------------|
| ... | rien ici | rien ici |
| ... | | |
| ... | | |
| ... | | |
| ... | | |
|----------|--------------------|------------------------------|
| footer |
|--------------------------------------------------------------|

Etat 2 :
|--------------------------------------------------------------|
| header |
|----------|--------------------|------------------------------|
| ... | ... | rien ici |
| ... | ... | |
| ... | ... | |
| ... | ... | |
| ... | ... | |
| | ... | |
| | ... | |
| | ... | |
| | ... | |
| | ... | |
|----------|--------------------|------------------------------|
| footer |
|--------------------------------------------------------------|
-> la colonne 2 devient + grande que la 1 (éventuellement)

Etat 3 :
|--------------------------------------------------------------|
| header |
|----------|--------------------|------------------------------|
| ... | ... | ... |
| ... | ... | ... |
| ... | ... | ... |
| ... | ... | ... |
| ... | ... | ... |
| | ... | ... |
| | ... | ... |
| | ... | ... |
| | ... | ... |
| | ... | ... |
| | | ... |
| | | ... |
| | | ... |
| | | ... |
|----------|--------------------|------------------------------|
| footer |
|--------------------------------------------------------------|
-> la colonne 3 devient + grande que la 2 (éventuellement)

le problème est qu'il y a des séparateurs verticaux entre les colonnes
et que je souhaite qu'ils soient tous de la même hauteur que la colonne
la plus haute...


ce que j'ai fait (qui marche +/- bien ) :

j'ai une div de hauteur fixe contenant uniquement les séparateurs
verticaux, avec z-index je fait passer cette div "sous" le footer et
sous le footer j'ajoute une div de z-index + élevé que celui de la
div-séparateurs mais moins élevés que le reste, cette div a aussi une
hauteur fixe.

quand je dis que ça marche +/- bien, ça marche très bien en fait mais
dans un cas de figure donné.

j'accepte que le dimensionnement de la div sous le footer soit fait pa
js, de toutes façons j'ai du js dans cette page.

je n'aime pas trop une solution avec scroller verticaux dans une ou
plusieurs colonnes...
--
Une Bévue
  Réponse avec citation
Réponse


Outils de la discussion

Règles de messages
Vous ne pouvez pas créer de nouvelles discussions
Vous ne pouvez pas envoyer des réponses
Vous ne pouvez pas envoyer des pièces jointes
Vous ne pouvez pas modifier vos messages

Les balises BB sont activées : oui
Les smileys sont activés : oui
La balise [IMG] est activée : oui
Le code HTML peut être employé : non
Trackbacks are oui
Pingbacks are oui
Refbacks are oui


Fuseau horaire GMT +1. Il est actuellement 04h01.


Édité par : vBulletin® version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC5 Tous droits réservés.
Version française #16 par l'association vBulletin francophone
PHWinfo est un site Éducation Sans Frontières
Ad Management by RedTyger
©Tous droits réservés par les parties respectives
Page generated in 0,07312 seconds with 9 queries