Div { width:100% ; height:"66% de width"; } ?
Résolu
jemsss
Messages postés
198
Statut
Membre
-
Neophyse -
Neophyse -
Bonjour,
Existe-t-il une astuce en CSS pour rendre la hauteur d'un bloc proportionnelle à sa largeur.
Autrement dit, que height soit toujours égal xx% de width, quelque soit la largeur de width.
Il me semble pas mais je pose la question au cas où.
Sinon j'utiliserai javascript...
Merci d'avance
Existe-t-il une astuce en CSS pour rendre la hauteur d'un bloc proportionnelle à sa largeur.
Autrement dit, que height soit toujours égal xx% de width, quelque soit la largeur de width.
Il me semble pas mais je pose la question au cas où.
Sinon j'utiliserai javascript...
Merci d'avance
A voir également:
- Html div width 100%
- Editeur html - Télécharger - HTML
- Html br ✓ - Forum Webmastering
- Balise </br> - Forum HTML
- 100 mb en mo ✓ - Forum Matériel & Système
- Question 1 Mb = ?Mo - Forum Matériel & Système
4 réponses
Tu mets ce que tu veux dans une div avec ce css :
Ta div aura toujours pour hauteur la moitié de sa largeur.
Même si j'ai répondu un tard, j'espère aider certaines personnes.
.ta_div {
width: 100%
height: 0;
padding-top: 50%;
}
Ta div aura toujours pour hauteur la moitié de sa largeur.
Même si j'ai répondu un tard, j'espère aider certaines personnes.
Regarde cette video de grafikart, il explique comment mettre une viideo en responsive, cela correspond aussi a ce que tu veux faire
https://www.grafikart.fr/tutoriels/video-iframe-responsive-385
https://www.grafikart.fr/tutoriels/video-iframe-responsive-385
Effectivement, width:100% était pour l'exemple et la plupart du temps c'est inutile.
Par contre dans ton exemple, height sera toujours à 40% de la hauteur du bloc parent si celle-ci est spécifiée, mais il ne sera pas à 40% de la largeur width. Selon la largeur de la fenêtre, la largeur du bloc s'adaptera mais la hauteur sera toujours la même, or je souhaite que la hauteur soit proportionnelle à la largeur...
Par contre dans ton exemple, height sera toujours à 40% de la hauteur du bloc parent si celle-ci est spécifiée, mais il ne sera pas à 40% de la largeur width. Selon la largeur de la fenêtre, la largeur du bloc s'adaptera mais la hauteur sera toujours la même, or je souhaite que la hauteur soit proportionnelle à la largeur...