[CSS] Ajuster hauteur div

khors- -  
Plyx-on Messages postés 18 Date d'inscription   Statut Membre Dernière intervention   -
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;
}

2 réponses

viktor56
 
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.
3
chouli_om Messages postés 113 Date d'inscription   Statut Membre Dernière intervention  
 
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
0
Plyx-on Messages postés 18 Date d'inscription   Statut Membre Dernière intervention   22
 
tu peux lui rajouter repeat-y ça : background: url(../images/background.jpg) repeat-y;
0