[CSS] Ajuster hauteur div

Fermé
khors- - 9 mai 2008 à 07:00
Plyx-on Messages postés 18 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 3 août 2008 - 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;
}
A voir également:

2 réponses

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 lundi 21 avril 2008 Statut Membre Dernière intervention 22 avril 2009
1 août 2008 à 20:13
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 lundi 19 février 2007 Statut Membre Dernière intervention 3 août 2008 22
3 août 2008 à 21:13
tu peux lui rajouter repeat-y ça : background: url(../images/background.jpg) repeat-y;
0