<div>, занимающий 100% высоты браузера, как сделать? - ASP.NET

Всем привет,

Пытаюсь на странице ASP.NET сделать <div>, у которого высота равна 100%, чтобы он занимал все пространство, всю высоту браузера. В дизайнере все отлично отображается, а в реальной странице этого не происходит. В чем дело? Как добиться этой цели?

Спасибо.

данное сообщение получено с www.gotdotnet.ru
ссылка на оригинальное сообщение

Здравствуйте, FinSoftware, Вы писали:

FS>Всем привет,

FS>Пытаюсь на странице ASP.NET сделать <div>, у которого высота равна 100%, чтобы он занимал все пространство, всю высоту браузера. В дизайнере все отлично отображается, а в реальной странице этого не происходит. В чем дело? Как добиться этой цели?

FS>Спасибо.

Здраствуйте,

в стиле div'a пишите height:100%. Должно работать нормально. Если все равно не на 100%, значит скорее всего у вас проблема в браузере, например что то с поддержкой css (хотя это на грани фантастики). Есть вроде браузеры которым надо скармливать css без пробелов между параметром и значением, то есть надо писать height:100%, а не height : 100%.

нужно родительскому элементу тоже задать высоту:

<style>
body{height:100%;}
#div1{height:100%;}
</style>
<body>
<div id=div1>
</div>
</body>

Posted via ActualForum NNTP Server 1.3

данное сообщение получено с www.gotdotnet.ru
ссылка на оригинальное сообщение

FS>Пытаюсь на странице ASP.NET сделать <div>, у которого высота равна 100%, чтобы он занимал все пространство, всю высоту браузера. В дизайнере все отлично отображается, а в реальной странице этого не происходит. В чем дело? Как добиться этой цели?
Скорее всего включили HTML-схему современную. Тогда дополнительно надо установить высоту в стиле для HTML или BODY (точно не помню)...

Добавте в BODY
style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px"

----------------------------------------
Knowledge is P...O...w...E...R!
My site

данное сообщение получено с www.gotdotnet.ru
ссылка на оригинальное сообщение

так все окей:
<body style="width: 100%; height: 100%; margin: 0px;">
<form id="form1" runat="server">
<div style="width: 100%; height: 100%; background-color: aqua;">
This is text in div
</div>
</form>
</body>

данное сообщение получено с www.gotdotnet.ru
ссылка на оригинальное сообщение

Здравствуйте, FinSoftware, Вы писали:

FS>Всем привет,

FS>Пытаюсь на странице ASP.NET сделать <div>, у которого высота равна 100%, чтобы он занимал все пространство, всю высоту браузера. В дизайнере все отлично отображается, а в реальной странице этого не происходит. В чем дело? Как добиться этой цели?

FS>Спасибо.

Попробуй сделать не DIV, а TABLE с высотой в 100%. Срабатывает всегда

Здравствуйте, FinSoftware, Вы писали:

FS>Всем привет,

FS>Пытаюсь на странице ASP.NET сделать <div>, у которого высота равна 100%, чтобы он занимал все пространство, всю высоту браузера. В дизайнере все отлично отображается, а в реальной странице этого не происходит. В чем дело? Как добиться этой цели?

FS>Спасибо.

Попробуй как-нибудь так:

<script language="JavaScript" type="text/javascript">
    window.onresize    = fnReSize;
    window.onload    = fnReSize;
            
    function WindowHeight()
    {
        if (window.innerHeight) 
            return window.innerWidth;
        else if (document.body && document.body.offsetHeight) 
            return document.body.offsetHeight;
        else 
            return 0;
    }

    function fnReSize() 
    {
        if (document.getElementById("div100")!=null)
            div100.style.height=""+WindowHeight()+"px"
                
    }
</script>
..............
<div id="div100">
    ...................
</div>

FinSoftwareВсем привет,

Пытаюсь на странице ASP.NET сделать <div>, у которого высота равна 100%, чтобы он занимал все пространство, всю высоту браузера. В дизайнере все отлично отображается, а в реальной странице этого не происходит. В чем дело? Как добиться этой цели?

Спасибо.
Убери строку <!DOCTYPE...> и выставь у DIV'а высоту 100%

данное сообщение получено с www.gotdotnet.ru
ссылка на оригинальное сообщение

МахмудПопробуй сделать не DIV, а TABLE с высотой в 100%. Срабатывает всегда
Неа, если ты в родительском элементе (в данном случае <body>) высоту не выставишь, то не сработает и в таблице выражение "высота=100%".

данное сообщение получено с www.gotdotnet.ru
ссылка на оригинальное сообщение

Здравствуйте, Red Bird, Вы писали:

RB>Здравствуйте, FinSoftware, Вы писали:

FS>>Всем привет,

FS>>Пытаюсь на странице ASP.NET сделать <div>, у которого высота равна 100%, чтобы он занимал все пространство, всю высоту браузера. В дизайнере все отлично отображается, а в реальной странице этого не происходит. В чем дело? Как добиться этой цели?

FS>>Спасибо.

RB>Попробуй как-нибудь так:

RB>

RB><script language="JavaScript" type="text/javascript">
RB>    window.onresize    = fnReSize;
RB>    window.onload    = fnReSize;
            
RB>    function WindowHeight()
RB>    {
RB>        if (window.innerHeight) 
RB>            return window.innerWidth;
RB>        else if (document.body && document.body.offsetHeight) 
RB>            return document.body.offsetHeight;
RB>        else 
RB>            return 0;
RB>    }

RB>    function fnReSize() 
RB>    {
RB>        if (document.getElementById("div100")!=null)
RB>            div100.style.height=""+WindowHeight()+"px"
                
RB>    }
RB></script>
RB>..............
RB><div id="div100">
RB>    ...................
RB></div>
RB>

Получилось! Я вот что сделал: удалил к черту вот эту строку:



В итоге все стало ОК.

Но я так понял, что в этом случае наш код не будет соответствовать стандартам html — так что надо бы выяснить, как сделать все по правилам, и чтобы все работало.

Всем спасибо за помощь!

Я пошел по самому простому пути — убрал DOCTYPE

Один знакомый верстальщик сказал, что эта штука особой пользы не имеет. Хотя, я так понимаю, с этим DOCTYPE'ом, чисто теоретически, html получается более корректным?

От:	FinSoftware	FinSoftware.narod.ru
Дата:	13.09.06 23:35
Оценка:

	От:	Аноним
	Дата:	14.09.06 03:39
	Оценка:

	От:	Аноним
	Дата:	14.09.06 03:46
	Оценка:

	От:	Аноним
	Дата:	14.09.06 04:44
	Оценка:

	От:	Nikolay_Ch
	Дата:	14.09.06 04:45
	Оценка: