Probleme CSS
Bonjour,
Quand je défini une hauteur à mon conteneur tout se passe bien, (#bordure suit le flux) mais quand j'applique la valeur "auto" à la hauteur de #conteneur , et que je commence à écrire, #bordure disparait. Que faut il faire pour y remédier ?
#conteneur{
height: 200px;
width: 900px;
background-color: #666;
}
#bordure{
width: 60px;
height:100%;
background-color: #00C;
background-repeat: repeat-y;
float:left;
}
<div id="conteneur">
<div id="bordure"></div>
blablablabla
</div>
Merci d'avance .
Quand je défini une hauteur à mon conteneur tout se passe bien, (#bordure suit le flux) mais quand j'applique la valeur "auto" à la hauteur de #conteneur , et que je commence à écrire, #bordure disparait. Que faut il faire pour y remédier ?
#conteneur{
height: 200px;
width: 900px;
background-color: #666;
}
#bordure{
width: 60px;
height:100%;
background-color: #00C;
background-repeat: repeat-y;
float:left;
}
<div id="conteneur">
<div id="bordure"></div>
blablablabla
</div>
Merci d'avance .
6 réponses
-
Formate...
-
Salut,
Comment ça ?
ps: je débute .
Merci d'avance . -
Essai
min-height:200px;
Ce code permet comme il l indique de mettre au minimum 200px. Si il n y a rien d ecrire. Apres il s agrandiras de lui meme ;) -
Bonjour,
En effet mandolorien a raison, tu devrai essayer avecmin-height
mais en enlevantheight
du coup.
#conteneur{ min-height: 200px; width: 900px; background-color: #666; } #bordure{ width: 60px; height:100%; background-color: #00C; background-repeat: repeat-y; float:left; } <div id="conteneur"> <div id="bordure"></div> blablablabla </div>
-
Merci de votre aide mais ça marche pas :(
Regardez
http://imageshack.us/photo/my-images/94/erreuri.png/
La bordure bleu ne veut pas suivre . -
n oublie pas d enlever le
height:auto;
ouheight:200px;
et sur ton image ta hautzur fais bien 200px , maintenant c est ton width qui n est pas assez grand ;)
