Проблем с repeat

[lub4o]

Здравейте, кодирам един дизайн, но имам проблем.
Когато започнах, на един от главните content-и зададох една височина 1024px, в която се повтаря едно изображение вертикално.

След като завърших дизайна, махнах въпросната височина, и фона изчезна, а по принцип трябва да се повтаря вертикално, според дължината на страницата.

#main
{
background: url('images/centercont.png') repeat-y ;
width: 900px;
margin: 0 auto;
}
#leftcont
{
width: 568px;
margin-left:10px;
float: left;
}
#rightcont
{
float: right;
width:300px;
margin-right: 10px;
margin-top:5px;
}

html

<div id="main">
<div id="leftcont"> ... </div>
<div id="rightcont">...</div>
</div>

Всичко е точно, но изображението "centercont" не иска да се повтаря вертикално, след като махнах зададената височина.

 

[valqka]

То се повтаря, но ти не го виждаш защото не си задал височина на #main и така по подразбиране тя е 0. За да го оправиш трябва да зададеш височина или да сложиш съдържание в някой от боксовете. (Или поне аз така си мисля )

 

[lub4o]

То се повтаря, но ти не го виждаш защото не си задал височина на #main и така по подразбиране тя е 0. За да го оправиш трябва да зададеш височина или да сложиш съдържание в някой от боксовете. (Или поне аз така си мисля )

в leftcont и в rightcont имам доста съдържание.

 

[adrian]

[css].clear { clear:both; }[/css]

<div class="clear"></div>

Сложи този див веднага след дясната колона и преди затварящия таг на main.

Т.е:

<div id="main">
<div id="leftcont"> ... </div>
<div id="rightcont">...</div>
<div class="clear"></div>
</div>

 

[lub4o]

Благодаря

 

[god_of_cs]

Също така става height: auto; същата работа върши :wink:

 

[adrian]

height: auto е стойност по подразбиране за height. Ако не зададеш изрично някаква височина на даден div - тогава той е с височина auto.

Това не върши никаква работа в този случай, защото тук проблемът е напълно друг - трябва просто да се изчисти float-a, защото като има float-нат елемент, той излиза извън родителския си ако не се изчисти float

 

[god_of_cs]

По същият начин си правя колонките и при мен това върши работа.

 

[adrian]

Ок, говориш пълни глупости, но приеми, че съм се съгласил с теб, за да не водим излишен спор.

Просто погледни тук default value на height какво е http://www.w3schools.com/cssref/pr_dim_height.asp

 

[god_of_cs]

Е ок де, не съм казал нищо, просто споделих. Може пък аз да ги правя по по- различен начин.

EDIT: Прав си, наистина и аз съм слагал clear:both; между колонките
Съжалявам, грешката е в мен.