Téléchargement
illégal
Posez votre question Signaler

[CSS] Ajuster hauteur div

khors- - Dernière réponse le 3 août 2008 à 21:13
Bonjour,
j'ai un petit soucis (qui me tracasse quand même depuis quelques heures) avec mon CSS que vous trouverez ci dessous :
Le problème est le suivant, comment avoir mes 2 div menu et contenu qui s'ajustent automatiquement en hauteur en fonction du contenu. Je les ai bien de la même hauteur, mais pas moyen d'en modifier la taille si ce n'est par heigh:Xpx; , ce que j'aimerai éviter de faire étant donner que le contenu du div nommé contenu peut être de 10 lignes comme de 1000...
Mon template s'organise de cette facon
<conteneur>
<update></update>
<titre> </titre>
<corps>
<menu></menu>
<contenu><contenu>
</corps>
</conteneur>
Merci par avance de vos réponses,
cordialement, khors-
.conteneur {
width: 900px;
margin:0 auto;
text-align: center;
background-color: #ADE8FB;
}
.titre {
line-height: 50px;
font-family: verdana, serif;
font-size: 20px;
font-weight: bold;
color: black;
text-align: center;
border-style: solid;
border-width: 0px 1px 1px 1px;
border-color: #0083C3;
background-color: white;
clear:both;
}
.corps {
border-width: 0px 1px 0px 1px;
border-color: #0083c3;
border-style: solid;
background-color: white;
}
.menu {
width: 150px;
text-align: left;
padding-left: 3px;
margin-left: -1px;
padding: 10px;
float: left;
line-height: 15px;
}
.contenu {
border-width: 0px 1px 1px 1px;
border-color: #0083C3;
padding: 10px;
margin-left: 150px;
border-left: 1px solid #0083c3;
width:auto;
}
.bas {
line-height: 14px;
color: black;
background-color: #32C1F0;
text-align: right;
border-width: 1px 1px 1px 1px;
border-color: #0083c3;
border-style: solid;
font-size: 9px;
}
.update {
font-style: italic;
font-family: verdana, serif;
font-size: 10px; font-weight: bold;
line-height: 14px;
color: black;
background-color: #32C1F0;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #0083c3;
text-align: right;
padding-right: 3px;
clear:both;
}
Lire la suite 

[CSS] Ajuster hauteur div »

3 réponses
Réponse
+3
moins plus
Bonjour,

Ma suggestion : En trichant, c'est à dire en mettant une background (image) de 1px de hauteur répétée dans le corps qui va simuler les deux colonnes et par la même ajuster automatiquement les deux div.

P.S. : je crois que c'est la seule solution envisagable.
Ajouter un commentaire
Réponse
+0
moins plus
j'ai exactement le meme probleme que toi... ... ma taille est variable selon le nombre de ligne donc je ne sais pas comment faire. J'ai un background-image mais sous Mozilla il ne s'affiche qu'une seule fois
Plyx-on- 3 août 2008 à 21:13
tu peux lui rajouter repeat-y ça : background: url(../images/background.jpg) repeat-y;
Ajouter un commentaire
Ce document intitulé « [CSS] Ajuster hauteur div » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?