Bonjour,
Voici plusieurs jours que je cherche et que je suis sans réponse.
Il y a déjà plusieurs articles disponibles sur le web qui répondent à cette question mais dans ma situation cela ne fonctionne pas.
Donc, comme le nom l'indique je souhaite que ma div s'adapte selon le contenu, qu'elle aie une min-height et qu'elle puisse s'allonger car c'est pour un site dynamique.
Voici une version simplifiée de mon problème :
http://www.takeaglitch.com/test.html
Le code html :
<body>
<div id="globale">
<div id="globale2">
<div id="content">
<div class="content_text">
<p> L O R E M I P S U M </p>
</div>
</div>
</div>
</div>
</body>
Le CSS
body{
margin:0;
padding:0;
background-color:#CCC;}
#globale{
width:900px;
min-height:300px;
margin:auto;
background-color:#FFF;
}
#globale2{
position:relative;
left:0px;
top:0px;
width:900px;
min-height:300px;
display:block;
height:100%;
padding:0px;
margin:0px;
}
#content{
float: left;
left: 94px;
min-height: 400px;
position: relative;
top:10px;
width: 823px;
}
.content_text{
text-align:justify;
position:absolute;
float:left;
left:20px;
top:0px;
width:500px;
min-height:400px;
clear:both;
}
p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#282828;
}
Merci d'avance pour tous ceux qui prendront le temps de lire jusqu'ici et de m'aider à trouver une solution !
Voici plusieurs jours que je cherche et que je suis sans réponse.
Il y a déjà plusieurs articles disponibles sur le web qui répondent à cette question mais dans ma situation cela ne fonctionne pas.
Donc, comme le nom l'indique je souhaite que ma div s'adapte selon le contenu, qu'elle aie une min-height et qu'elle puisse s'allonger car c'est pour un site dynamique.
Voici une version simplifiée de mon problème :
http://www.takeaglitch.com/test.html
Le code html :
<body>
<div id="globale">
<div id="globale2">
<div id="content">
<div class="content_text">
<p> L O R E M I P S U M </p>
</div>
</div>
</div>
</div>
</body>
Le CSS
body{
margin:0;
padding:0;
background-color:#CCC;}
#globale{
width:900px;
min-height:300px;
margin:auto;
background-color:#FFF;
}
#globale2{
position:relative;
left:0px;
top:0px;
width:900px;
min-height:300px;
display:block;
height:100%;
padding:0px;
margin:0px;
}
#content{
float: left;
left: 94px;
min-height: 400px;
position: relative;
top:10px;
width: 823px;
}
.content_text{
text-align:justify;
position:absolute;
float:left;
left:20px;
top:0px;
width:500px;
min-height:400px;
clear:both;
}
p{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#282828;
}
Merci d'avance pour tous ceux qui prendront le temps de lire jusqu'ici et de m'aider à trouver une solution !
!
