[HTML]Div nie przyjmuje wysokości w zależności od zawartości Opcje

[maniek99]

[HTML] pobierz, plaintext 
<div id="content">
<div class="col1"></div?
<div class="col2"></div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#content {
	width:980px;
	height:2000px;
	background:#fff;
	margin-top:0px;
	margin-left:13px;
	border:0px;
 
}
 
#content .col1 {
    float: left;
	height:100%;
    width: 670px;
    margin-left: 6px;
    margin-bottom: 5px;
}
 
 
 
#content .col2 {
    float: left;
    width: 240px;   
    margin-bottom: 5px;
    margin-left: 5px;
 
}
[HTML] pobierz, plaintext 

Chciałbym, żeby div #content, miał wysokość, równą wysokościowi divóch w nim zawartych, jednak gdy zmienię wyokośc zdefiniowaną na sztywno na width:100% lub
width:auto to wysokość diva spada do zera (elementy wewnątrz wyświetlają się prawidłowo), przez co nie mogę ustawić dla niego tła takiej wysokości jak jego zawartość.

Jest na to jakiś sposób ?

Ten post edytował maniek99 7.03.2014, 14:12:58

[kreatiff]

Wklej konkretny kawałek kodu html. Ta namiastka nawet nie ma pozamykanych divów wewnętrznych.
Zerowanie wysokości diva zewnętrzengo może mieć związek z floatami tych wewnętrznych.

ed.
gdy zmienię wyokośc zdefiniowaną na sztywno na width:100% lub
width:auto

Width to szerokość, height to wysokość.

Ten post edytował kreatiff 7.03.2014, 13:54:27

[maniek99]

Wiem, że height to wysokość, jak pisałem trochę się śpieszyłem (IMG:style_emoticons/default/wink.gif)
Poprawiłem te divy. Nie daje całego kodu, bo w tych divach są inne zagnieżdżone i ogólnie dużo kodu, ale chodzi mi o sam fakt,
dlaczego ten div się nie rozszerza do odpowiedniej wysokościm skoro ma zawartość to chyba powinien się do niej dostosować ?

[kreatiff]

Dla podanego kodu wszystko sie zgadza i jest tak jak chcesz by działało.
Czy na sztywno ustalę wysokość wewnętrznego diva w css, czy jest ona obliczana sama na podstawie jego zawartości, div zewnętrzny przybiera wysokość najwyższego z divów wewnętrznych + 5px z jego marginesu.

[fate]

ja zawsze tworzę klasę pull do rozciagania divów, ktora wyglada tak:

[HTML] pobierz, plaintext 
.pull
{
height:auto;
overflow:auto;
}
[HTML] pobierz, plaintext 

zawsze działa - czasami wystarczy dodać samo height:auto

[maniek99]

overflow:auto pomogło, wielkie dzięki (IMG:style_emoticons/default/exclamation.gif) (IMG:style_emoticons/default/biggrin.gif)