2010-09-02 4 views
1

здесь живая ссылка: http://mrgsp.md:8080/a/Account/SignInДИВ не занимает всю высоту/не 100%

основной ДИВ (зеленая) не занимает 100% высоты экрана

вы будете обратите внимание, только если у вас есть большой экран alt text

и код в основном

<body> 
<div class="loginpage"> 
<div id="loginbox">stuff inside loginbox</div> 
</div> 
</body> 

.loginpage { 
background:none repeat scroll 0 0 green; 
padding:200px; 
} 
+0

FYI - Я не могу просмотреть страницу. Является ли он в интрасети или закрыт порт 8080? Возможно, опубликуйте снимок экрана, а также разместите только этот код. –

+0

ok, возможно, это ограничено только моей страной, я отправлю снимок экрана и код – Omu

+0

Зачем? Он имеет высоту своего внутреннего div + собственного дополнения. Кроме того, почему бы вам не положить зеленый фон на элемент тела? Затем он будет окрашивать всю страницу (и я думаю, это ваша проблема, не так ли?). – Shautieh

ответ

4

Извините за мой английский ...

положить стиль фона в теле ... лучше.

body{ 
    background: green; 
} 

, если вы все еще хотите поставить высоту для DIV, вы должны поставить 100% высоты для DIV, для тела и для HTML тоже.

html, body, .loginpage{ 
    height: 100% ; 
} 
0

Вы могли бы дать телу зеленый цвет фона?

+1

Или если по какой-то причине вам нужно, чтобы внутренний div был зеленым, а тело все еще было белым: html, body { высота: 100%; } # главный контейнер { высота: 100%; мин-высота: 100%; } – kilrizzy

0

Вы не можете просто установить высоту div на 100%, потому что it will interpret that as 100% of its container.

Простейшим решением проблемы является установка цвета фона для элемента body, но в качестве альтернативы вы можете использовать свой метод, установив тег body на высоту 100%. Это даст вашему div что-то, чтобы заполнить полностью. Если тело или какой-либо контейнер контейнера не имеет установленной высоты, тогда браузер по умолчанию использует свойство css для div для высоты: auto.