28172 sujets

CSS et mise en forme, CSS3

Bonjour

J'ai un iframe dont le style est défini par

#diaporama {
    margin:0 auto;
    width:90%;
    border:none;
}

Mon problème: commet indiquer que la hauteur de cet iframe doit être 37% de la largeur, sachant que je ne tiens pas à donner des valeurs en unités fixes (px) pour pouvoir adapter automatiquement la taille à celle de son conteneur.

Merci de votre aide
Voici la solution que j'ai trouvée, au cas où ça intéresserait quelqu'un:

#diapo {
    width:90%;
    padding-top:34%;
    position:relative;
}
#diapo iframe {
    position:absolute;
    top:0;
    width:100%;
    height:100%;


<div id="diapo"><iframe src="..."></iframe><div>