Hauteur de colonne css
FP57
Messages postés
40
Date d'inscription
Statut
Membre
Dernière intervention
-
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'ai une page qui contient une colonne verte à gauche et une blanche à droite.
Je voudrais que la verte fasse toute la hauteur de la page. Elle s'arrête quand elle n'a plus de contenu. J'ai essayé des trucs que j'ai trouvé dans des tutoriels (repeat-y), mais ça ne marche pas.
Qu'est-ce que je peux faire ?
Merci,
Bonne fin de journée,
Françoise
J'ai une page qui contient une colonne verte à gauche et une blanche à droite.
Je voudrais que la verte fasse toute la hauteur de la page. Elle s'arrête quand elle n'a plus de contenu. J'ai essayé des trucs que j'ai trouvé dans des tutoriels (repeat-y), mais ça ne marche pas.
Qu'est-ce que je peux faire ?
Merci,
Bonne fin de journée,
Françoise
A voir également:
- Hauteur de colonne css
- Déplacer colonne excel - Guide
- Trier colonne excel - Guide
- Colonne word - Guide
- Formule somme excel colonne - Guide
- Figer colonne excel - Guide
2 réponses
Bonjour,
C'est un problème récurrent.
Des solutions diverses peuvent être trouvées.
La plus simple est de définir une couleur de fond identique à celle de la colonne la plus courte au bloc qui contient les autres.
Une autre consiste à utiliser une image de fond représentant la structure des pages. Comme ici.
Vois : http://forum.alsacreations.com/faq/faq-17-Comment-faire-des-quotcolonnesquot-de-meme-hauteur-.html
C'est un problème récurrent.
Des solutions diverses peuvent être trouvées.
La plus simple est de définir une couleur de fond identique à celle de la colonne la plus courte au bloc qui contient les autres.
Une autre consiste à utiliser une image de fond représentant la structure des pages. Comme ici.
Vois : http://forum.alsacreations.com/faq/faq-17-Comment-faire-des-quotcolonnesquot-de-meme-hauteur-.html
Voila le css que j'ai mis pour ma colonne de gauche :
#gauche
{
float: left;
width: 20%;
background-color: #777322;
height: 1000px;
}
La dernière ligne, c'est tout ce que j'ai trouvé pour faire aller la colonne jusqu'en bas (j'ai honte).
Est-ce qu'il y a plus académique ?
Merci de ta réponse,
Françoise
height: 100%;
Si ça ne fonctionne pas mets :
html, body, #gauche { height: 100%; } #gauche { float: left; width: 20%; background-color: #777322; }Bien sur il faut que ta page soit complète, avec toute les balises requise pour un page digne de ce nom.
https://openclassrooms.com/fr/courses#ss_part_1