[RÉSOLU] Balise Object en responsive

nicomaxnicomax Member
mai 2017 modifié dans Entraide
Salutatous,

Je suis sous PluXml 5.5 thème Defaut.

J'affiche un pdf comme ceci :
[== HTML ==]
<p><object data="data/documents/fichier.pdf" height="1020" type="application/pdf" width="760">Document introuvable !</object></p>

Pour rendre la balise <object> responsive, j'ai mis ceci dans le fichier theme.css :
[== CSS ==]
object {
	border: 0;
	height:auto;
	max-width: 100%;
}

Quand je diminue la fenêtre du navigateur, la largeur de l'objet pdf est bien gérée.

Par contre pour la hauteur, l'objet pdf est tronqué et donc s'affiche sur une très faible hauteur !
Donc pas très pratique pour la lecture !

Comment faire pour garder le ratio hauteur/largeur ?

Réponses

Connectez-vous ou Inscrivez-vous pour répondre.