Agrandir rectangle en fonction du texte? [Résolu]

[jojo86]

Bonsoir,
J'ai créé un rectangle en css, dans lequel je viens ajouter du texte.
Le soucis, c'est que si mon texte dépasse la hauteur du rectangle, il disparait... J'ai commencé par ajouté une scroll bar (overflow-y : scroll mais je voudrais savoir si ce n'est pas possible de faire en sorte que mon rectangle s'agrandisse seul en fonction du nombre de lignes.
Voici les codes :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
.boxedArticle{ /*Rectangle Contenant l'ensemble*/
position: absolute; 
border: 1px solid green ; 
border-top: 0px;
background-color: rgb(255,250,164);
height: 450px;
overflow-y : scroll; 
width: 800px;
left: 50%; 
margin-left: -400px;
top: 318px;
} 
 
.TitreParagraphe{
position: absolute;
top:20;
left:40;
font-family:Arial, serif;
font-size: 25pt;
font-weight : bold;
color: rgb(0,128,0);
}
 
.Texte{
width:744px!important;
width:785px;
position: absolute;
top:50px;
text-align:justify;
line-height:25px;
padding-left:20px;
padding-right:20px;
font-family:Arial, serif;
font-size: 14pt;
color: black;
height: auto;
}

Html :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
<div class="boxedArticle">
  <div class="TitreParagraphe">
      Qui Sommes nous ?
  </div>
  <div class="Texte">
    Mon Texte
    BlaBlaBla
    <br>
    BlaBla...
  </div>
</div>

Merci de votre aide,
Cordialement,
Jojo

[ornitho13]

Salut,

met un height:auto sur tes div, cela devrait te permettre de le faire. Tu peux également rajouter un min-height:450px si tu veux une hauteur minimum

[jojo86]

Salut, et merci, j'ai déjà essayé le Height auto et ça ne marche pas...
Si vous voulez voir :
http://georges86.free.fr/TestFrancoise/Index.html

[jojo86]

Pour que mon rectangle grandisse en même temps que le texte, je dois ajouter le texte dans la div boxedArticle...

Code :

1
2
3
4
5
6
7
8
9
10
11
<div class="boxedArticle">
Si mon texte dans cette partie
<br> le cadre grandira en fonction des retours lignes...  
<div class="TitreParagraphe">
      Qui Sommes nous ?
  </div>
  <div class="Texte">
   Si mon texte est dans cette partie, le cadre ne grandira pas en fonction des retours lignes...
  </div>
</div>

Voila, pouvez-vous me dire pourquoi le div boxedArticle ne grandi pas lorsque le div Texte augmente en hauteur...

Merci.

[jojo86]

Problème résolu !
J'ai retiré dans mon css le Position:absolute;
Et ça roule !
Si vous voulez voir le résultat :
http://georges86.free.fr/TestFrancoise/Index.html