Im essayant d'obtenir un div pour s'ajuster automatiquement à la hauteur de la div à sa droite.Ajuster automatiquement la hauteur
Vous pouvez voir un exemple ici www.littledesignplanet.co.uk/lloyd Le div de l'espace blanc sur la gauche je fixe la hauteur manuellement.
Existe-t-il un moyen de faire en sorte que la taille de la div divisée par le contenu principal soit automatiquement identique? Comme chaque page doit avoir une hauteur différente.
Merci, Sav
Hmm ... Pourquoi ne pas juste le margin-left mis de #content à 400px? Cela donnerait le même résultat mais d'une manière beaucoup plus simple.
cheers :)
Mise à jour: si vous voulez faire les deux colonnes hauteur égale, il y a plusieurs techniques pour cela. Mon préféré est celui-ci:
<div class="container">
<div id="whitespace">Lorem ipsum</div>
<div id="content">Foo<br />bar</div>
</div>
<style type="text/css">
.container {overflow: hidden;}
#whitespace, #content {padding-bottom: 32767px;margin-bottom: -32767px;}
</style>
C'est une façon de voir les cleaver, mais dans les autres pages, il y aura un peu de contenu sur cet espace blanc. Je suis aussi en train de regarder cela pour un autre site: D - Aussi l'utilisateur qui veut le site, changera d'images tout le temps, donc certains seront plus hauts que d'autres. –
quelle est exactement la raison derrière padding-bottom: 32767px; margin-bottom: -32767px? –
-32767 est la marge minimale possible (au moins dans Safari). Ainsi, nous définissons un padding-bottom de 32767px, puis le supprimons en définissant la marge négative. Cela entraîne beaucoup d'espaces vides sous les colonnes, donc nous ajoutons un wrapper avec overflow: hidden; Boom. – moff