[Résolu] HTML5 / CSS3 - Balise de type block (height auto)

Bonjour,

Après maintes recherches, j'ai l'impression qu'il n'est pas possible d'avoir une balise bloc qui prenne automatiquement la hauteur du background-image contenu.

Suis-je dans le faux ou est-ce une vérité ?

L'idée est de placer une image dans un bloc. Passer par un <img /> dans le HTML dimensionne correctement le div mais je voudrais passer par un background, dans un souci de RWD, afin de mettre une image différente selon le support. J'ai bien entendu parler de la balise srcset...

D'avance merci
Modifié par Vierlo (12 Mar 2015 - 15:05)

Vierlo a écrit :
Bonjour,

Après maintes recherches, j'ai l'impression qu'il n'est pas possible d'avoir une balise bloc qui prenne automatiquement la hauteur du background-image contenu.

Non a moins de récupérer ses dimensions et de leur répercuter en JS dans les dimensions du bloc.
Petite précision au passage, il n'existe pas de balise bloc, d'ailleurs on parle plutôt d'élément, une balise n'étant que la partie qui sert à baliser un contenu qu'elle soit ouvrante ou fermante.
On ne parle d'élément de type/niveau bloc qu'au sens CSS du terme (c'est issu de la spec CSS1).
En HTML un élément fait partie d'une catégorie et un modèle de contenu...
Modifié par Hermann (14 Mar 2015 - 16:11)

Merci beaucoup pour toutes ces précision Hermann.

en jquery ou php
Modifié par plumex (14 Mar 2015 - 17:21)

plumex a écrit :
en jquery ou php

C'est à dire plumex ?