Re: Всем спасибо! - ASP.NET

Всем привет,

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

Спасибо.

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

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

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

FS>Спасибо.

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

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

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

Здравствуйте, 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>

Здравствуйте, 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 — так что надо бы выяснить, как сделать все по правилам, и чтобы все работало.