Bonjour,
Je fais un site internet et j'ai un souci. J'ai Un DIV conteneur et à l'interieur de celui-ci plusieurs DIV. L'un d'eux contient le contenu texte de la page et donc lorsque qu'il y a bcp de texte celui ci s'agrandit. Le problème est que le DIV parent(conteneur) ne s'agrandit pas et donc c'est très moche.
Mes DIV sont en positions absolue.
conteneur = 'conteneur'
contenu texte = 'center-content'
Voila le code de la CSS :
/* Style de la page de fond */
body{
background-color:#505555;
font-family:"arial";
padding:0px;
margin:0px;
}
.language-content{
margin-top:5px;
width: 115px;
float:right;
}
.cont-principal{
position: absolute;
background-color: #505555;
left: 50%;
margin-top:2px;
margin-left:-385px;
height:668px;
width:770px;
}
.conteneur{
position: absolute;
top:0px;
left:0px;
background-color:#929A9A;
margin-top: 3%;
height:668px;
width:770px;
border-width:1px;
border-color:white;
border-style:solid;
}
.banner{
position:absolute;
height:150px;
width:770px;
background-image:url(images/banner.jpg);
border-bottom-width:1px;
border-bottom-color:white;
border-bottom-style:solid;
}
.menu-content{
position:absolute;
margin-left:150px;
height:18px;
width:620px;
margin-top:151px;
border-right-width:1px;
border-right-color:white;
border-right-style:solid;
}
.smenu-content{
position:absolute;
top:168px;
left:0px;
width:150px;
}
.imagemenu{
position:absolute;
top:466px;
background-image:url(images/imagemenu.jpg);
width:150px;
height:200px;
background-repeat:no-repeat;
border-bottom-width:1px;
border-bottom-color:white;
border-bottom-style:solid;
border-top-width:1px;
border-top-color:white;
border-top-style:solid;
}
.center-content{
position:absolute;
min-height:500px;
height:auto;
width:620px;
margin-top:169px;
margin-left:150px;
background-color:white;
}
Merci d'avance !
Je fais un site internet et j'ai un souci. J'ai Un DIV conteneur et à l'interieur de celui-ci plusieurs DIV. L'un d'eux contient le contenu texte de la page et donc lorsque qu'il y a bcp de texte celui ci s'agrandit. Le problème est que le DIV parent(conteneur) ne s'agrandit pas et donc c'est très moche.
Mes DIV sont en positions absolue.
conteneur = 'conteneur'
contenu texte = 'center-content'
Voila le code de la CSS :
/* Style de la page de fond */
body{
background-color:#505555;
font-family:"arial";
padding:0px;
margin:0px;
}
.language-content{
margin-top:5px;
width: 115px;
float:right;
}
.cont-principal{
position: absolute;
background-color: #505555;
left: 50%;
margin-top:2px;
margin-left:-385px;
height:668px;
width:770px;
}
.conteneur{
position: absolute;
top:0px;
left:0px;
background-color:#929A9A;
margin-top: 3%;
height:668px;
width:770px;
border-width:1px;
border-color:white;
border-style:solid;
}
.banner{
position:absolute;
height:150px;
width:770px;
background-image:url(images/banner.jpg);
border-bottom-width:1px;
border-bottom-color:white;
border-bottom-style:solid;
}
.menu-content{
position:absolute;
margin-left:150px;
height:18px;
width:620px;
margin-top:151px;
border-right-width:1px;
border-right-color:white;
border-right-style:solid;
}
.smenu-content{
position:absolute;
top:168px;
left:0px;
width:150px;
}
.imagemenu{
position:absolute;
top:466px;
background-image:url(images/imagemenu.jpg);
width:150px;
height:200px;
background-repeat:no-repeat;
border-bottom-width:1px;
border-bottom-color:white;
border-bottom-style:solid;
border-top-width:1px;
border-top-color:white;
border-top-style:solid;
}
.center-content{
position:absolute;
min-height:500px;
height:auto;
width:620px;
margin-top:169px;
margin-left:150px;
background-color:white;
}
Merci d'avance !