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

P

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
Горе