Динамичен див

Pavkatar

Registered
Здравейте,
искам да ви попитам как мога да накарам 1 див започващ от средата на страницата да е висок минимум до долния край на екрана?
Ето снимка за разяснение:
dive.png

Става дума този главният див да стигне до края на екрана. като се има в предвид, че ширината му е фиксирана, а дължината си променя в зависимост от количеството информация.
Дано да сте ме разбрали :?:
P.S. Paint rlzzz :D
А и естествено +1 за помощ :)
 
Е щом ширината му е фиксирана, не е нужно да задаваш височина. Тя ще се променя автоматично в зависимост от съдържанието.
 
nzhul12 каза:
Е щом ширината му е фиксирана, не е нужно да задаваш височина. Тя ще се променя автоматично в зависимост от съдържанието.
Да но аз искам винаги да е упряло в долната част на екрана независимо от резолюцията и въведената информация :(
 
Pavkatar каза:
nzhul12 каза:
Е щом ширината му е фиксирана, не е нужно да задаваш височина. Тя ще се променя автоматично в зависимост от съдържанието.
Да но аз искам винаги да е упряло в долната част на екрана независимо от резолюцията и въведената информация :(

Е в такъв слувай задаваш height: 100%.

dinamic.jpg


HTML
Код:
<body>
<div id="header"><h1>HEADER</h1></div>
<div id="container">
<h1>CONTENT</h1>
</div>
</body>
CSS:
Код:
body
{
color: #FFFFFF;
background: #000000;
text-align: center;
font-size: 12px;
margin: 0;
padding: 0;
}
#header
{
height: 50px; background: gray; margin-bottom: 20px;
}
#container{width: 500px; height: 100%; border: 1px solid red; background: blue; margin: 0 auto;}
 

Back
Горе