[css, height:100%] hauteur de boite en css

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
hibou57
Gecko
Messages : 52
Inscription : 13 juin 2005, 16:55

[css, height:100%] hauteur de boite en css

Message par hibou57 »

Bonjour (ou bonsoir)

- J'ai 3 boites block (div) A, B, C
- B et C sont incluses dans A
- B contient du texte, et sa hauteur s'adapte automatiquement à son contenu
- La hauteur de A s'adapte automatiquement à celle de B.
- C contient une image.
- A, B et C ne sont pas en absolute.

Comment faire pour que la boite C prenne automatiquement la hauteur de A ?
Si je donne height:100%, ça n'a aucun effet, comme si je ne mettais rien.
La hauteur n'est prise en compte que si A et C sont absolute.

Le rôle de B dans l'exemple ici, n'est que d'avoir une influance sur la hauteur de A. Et le fond de la question, est : comment faire pour que la hauteur de C soit égale à celle de B, sans utiliser display:absolute ?


J'ai cherché sur des tutos, et les forums ici avec les mots clés « hauteur boite css », mais çà n'a rien donné.

Voilà, si quelqu'un(e) sait :)

Merci beaucoup

Et tous mes voeux de bonheurs :P
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Tu travailles bien en mode "standards" ? Ou tu n'as pas fait gaffe et tu es en Quirks ?
Invité

Message par Invité »

Le plus simple, c'est d'inclure B dans C, ainsi B aura une influence à la fois sur A et C.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité