[CSS] Ajuster hauteur div
khors-
-
Plyx-on Messages postés 18 Date d'inscription Statut Membre Dernière intervention -
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;
}
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:
- [CSS] Ajuster hauteur div
- Div c++ - Télécharger - Langages
- Ajuster tableau excel format a4 - Guide
- Comment ajuster la date sur whatsapp - Forum LG
- Ajuster la date sur whatsapp - Forum Mail
- Excel ajuster taille cellule au texte ✓ - Forum Excel
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.
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.