Автоматична височина на див, в който има други дивове !

[taneca]

Проблемът ми е, че дива с ид chat искам да не е фиксирана височина, а да е висок колкото са високи другите дивове в него, защото като махна height главния див става много малък и не се фиксира с другите дивове с него...

<style type="text/css">
#chat {
width:500px;
height:73px;
background:skyblue;
position:relative;
margin-bottom:10px;
padding:5px;
border:1px solid grey;
border-radius:5px;
-moz-border-radius:5px;
}
#avatar {
width:67px;
height:67px;
background:white;
float:left;
padding:2px;
border:1px solid grey;
border-radius:5px;
-moz-border-radius:5px;
}
#text {
width:410px;
background:white;
float:right;
padding:5px;

color:grey;
font-family: georgia, arial, verdena;
text-align: left;
font-style: oblique;
font-size: 14px;
text-indent: 20px;

border:1px solid grey;
border-radius:5px;
-moz-border-radius:5px;
-moz-border-radius-bottomright:0;
}
#user {
width:100px;
height:18px;
background:#eee;
float:right;
margin:-1px 0px 0px 5px;
padding: 1px 2px 1px 2px;
border:1px solid grey;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
#points {
width:55px;
height:18px;
background:#eee;
float:right;
margin:-1px 0px 0px 5px;
padding: 1px 2px 1px 2px;
border:1px solid grey;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
#rank {
width:38px;
height:18px;
background:#eee;
float:right;
margin:-1px 0px 0px 5px;
padding: 2px 2px 0px 2px;
border:1px solid grey;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}
</style>

echo "<div id=chat>
<div id=avatar>
<img src=$row1[avatar] width=67 height=67 border=0>
</div>

<div id=text>
$komentar
</div>

<div id=rank>
<img src=images/rank/$row1[rank].png width=34 height=14 border=0>
</div>

<div id=points>
<img src=images/points.png width=14 height=14 border=0><font color=red size=1> $row1[points]</font>
</div>

<div id=user>
<a href=index.php?p=profile&username=$row[avtor]><font color=blue size=2>$row[avtor]</font></a>
</div>
</div>";

 

[tedo96]

Пробвай с 100%, но си мисля, че като се махна височината ще се управи... о.О

 

[taneca]

Пробвай с 100%, но си мисля, че като се махна височината ще се управи... о.О

Така също не става... получава се така:

Аз искам да е горе-долу така:

Без да задавам височина...

 

[tedo96]

Сигурен ли си че синия див обгръща другите?

 

[xmmm]

Пробваи дива chat да му дадеш height: auto;

 

[taneca]

Сигурен ли си че синия див обгръща другите?

Да...

Сигурен ли си че синия див обгръща другите?

Пак не става...

 

[Fakeheal]

След всяко съобщение сложи <div style="clear:both;"></div>. Май е от неизчистен float-инг

 

[taneca]

След всяко съобщение сложи <div style="clear:both;"></div>. Май е от неизчистен float-инг

Жив и здрав да си, ти си велик 8)

 

[baceto90]

Също пробвай да сложиш в най-външния див overflow: hidden

 

[taneca]

Също пробвай да сложиш в най-външния див overflow: hidden

И така стана Дори по този начин е по-удобно...

ЕДИТ: Fakeheal, ти си имаш доста точки, затова ще я дам на него

 

[Fakeheal]

Също пробвай да сложиш в най-външния див overflow: hidden

И така стана Дори по този начин е по-удобно...

ЕДИТ: Fakeheal, ти си имаш доста точки, затова ще я дам на него

Ама ползвай моя начин За да не ти се получат размествания в други части на сайта.

П.С. Знам, че съм великА!