Автоматично разпъване

[freshbg1]

Как да направя това

#co_div1 { width:664px; height:100px; background-color:#ececec; }

да се разпъва автоматично? Пробвах като махна height:100px; . но пак не се разпъва и си стои горе долу толкова...

 

[marian]

Пробвай с min-height:100px, но би трябвало да се оправи ако махнеш height:100px.

 

[kulov]

 #co_div1 { width:664px; min-height:100px; background-color:#ececec; background-repeat:repeat-y;}

 

[shterev]

е то да се разпъва, ама как ти е хтмл-то? Ако няма височина елемента се разпъва според съдържанието,но ако имаш в него друг елемент който има float не се разпъва, затова трябва да изчистиш float- а.

 

[kulov]

е то да се разпъва, ама как ти е хтмл-то? Ако няма височина елемента се разпъва според съдържанието,но ако имаш в него друг елемент който има float не се разпъва, затова трябва да изчистиш float- а.

Не е задължително, може просто преди да затвориш последният div да сложиш

<div style="height:100%"></div>

и ще се оправи ..

 

[shterev]

е то да се разпъва, ама как ти е хтмл-то? Ако няма височина елемента се разпъва според съдържанието,но ако имаш в него друг елемент който има float не се разпъва, затова трябва да изчистиш float- а.

Не е задължително, може просто преди да затвориш последният div да сложиш

<div style="height:100%"></div>

и ще се оправи ..

В ИЕ-то работи ли? А ако родителския елемент няма височина?

 

[kulov]

е то да се разпъва, ама как ти е хтмл-то? Ако няма височина елемента се разпъва според съдържанието,но ако имаш в него друг елемент който има float не се разпъва, затова трябва да изчистиш float- а.

Не е задължително, може просто преди да затвориш последният div да сложиш

<div style="height:100%"></div>

и ще се оправи ..

В ИЕ-то работи ли? А ако родителския елемент няма височина?

Виж сега, погледни кода, който му давам, и ще видиш, че и в моя случай, има зададена височина, казвам ти за последното ти мнение, че и <div style="height:100%"></div> така може да се оправи проблема с float.. Дори под ИЕ6 работи ..

 

[shterev]

<div style="border: solid 1px black; height:100%;">
			<div style="float:left; width:50px; height:50px;  border: solid 1px red;">erwr</div>
			<div style="float:right; width:50px; height:50px; border: solid 1px red;">fdsfsdf</div>
		</div>

Погледни това.