ReSQL.ru
     
powered by simpleCommunicator - 2.0.60     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / <div>, занимающий 100% высоты браузера, как сделать?
13 сообщений из 13, страница 1 из 1
<div>, занимающий 100% высоты браузера, как сделать?
    #33985766
FinSoftware
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FinSoftware
Гость
Всем привет,

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

Спасибо.
...
Рейтинг: 0 / 0
14.09.2006, 03:35
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33985836
alexzh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alexzh
Гость
<div style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; OVERFLOW: scroll; HEIGHT: 240px">
</div>
...
Рейтинг: 0 / 0
14.09.2006, 07:39
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33985842
Аноним
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Аноним
Участник
Здравствуйте, FinSoftware, Вы писали:

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

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

FS>Спасибо.

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

в стиле div'a пишите height:100%. Должно работать нормально. Если все равно не на 100%, значит скорее всего у вас проблема в браузере, например что то с поддержкой css (хотя это на грани фантастики). Есть вроде браузеры которым надо скармливать css без пробелов между параметром и значением, то есть надо писать height:100%, а не height : 100%.
...
Рейтинг: 0 / 0
14.09.2006, 07:46
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33985906
Hratchia
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Hratchia
Участник
нужно родительскому элементу тоже задать высоту:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
<style>
body{height: 100 %;}
#div1{height: 100 %;}
</style>
<body>
<div id=div1>
</div>
</body>


Posted via ActualForum NNTP Server 1.3
...
Рейтинг: 0 / 0
14.09.2006, 08:44
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33985908
Nikolay_Ch
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Nikolay_Ch
Гость
FS>Пытаюсь на странице ASP.NET сделать <div>, у которого высота равна 100%, чтобы он занимал все пространство, всю высоту браузера. В дизайнере все отлично отображается, а в реальной странице этого не происходит. В чем дело? Как добиться этой цели?
Скорее всего включили HTML-схему современную. Тогда дополнительно надо установить высоту в стиле для HTML или BODY (точно не помню)...
...
Рейтинг: 0 / 0
14.09.2006, 08:45
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33985957
C...R...a...S...H
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
C...R...a...S...H
Участник
Добавте в 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
...
Рейтинг: 0 / 0
14.09.2006, 09:08
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33985976
getus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
getus
Гость
так все окей:
<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>
...
Рейтинг: 0 / 0
14.09.2006, 09:15
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33986140
Махмуд
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Махмуд
Гость
Здравствуйте, FinSoftware, Вы писали:

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

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

FS>Спасибо.

Попробуй сделать не DIV, а TABLE с высотой в 100%. Срабатывает всегда
...
Рейтинг: 0 / 0
14.09.2006, 10:13
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33986206
Red Bird
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Red Bird
Гость
Здравствуйте, 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>
...
Рейтинг: 0 / 0
14.09.2006, 10:33
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33986316
Фотография SkyLight
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SkyLight
Участник
FinSoftwareВсем привет,

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

Спасибо.
Убери строку <!DOCTYPE...> и выставь у DIV'а высоту 100%
...
Рейтинг: 0 / 0
14.09.2006, 11:07
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33986423
getus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
getus
Гость
МахмудПопробуй сделать не DIV, а TABLE с высотой в 100%. Срабатывает всегда
Неа, если ты в родительском элементе (в данном случае <body>) высоту не выставишь, то не сработает и в таблице выражение "высота=100%".
...
Рейтинг: 0 / 0
14.09.2006, 11:33
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #33988955
FinSoftware
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FinSoftware
Гость
Здравствуйте, 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>


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

<!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> -->

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

Но я так понял, что в этом случае наш код не будет соответствовать стандартам html — так что надо бы выяснить, как сделать все по правилам, и чтобы все работало.
...
Рейтинг: 0 / 0
15.09.2006, 01:45
| Ответить | Цитировать | Написать  
<div>, занимающий 100% высоты браузера, как сделать?
    #34007553
FinSoftware
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FinSoftware
Гость
Всем спасибо за помощь!

Я пошел по самому простому пути — убрал DOCTYPE :) Один знакомый верстальщик сказал, что эта штука особой пользы не имеет. Хотя, я так понимаю, с этим DOCTYPE'ом, чисто теоретически, html получается более корректным?
...
Рейтинг: 0 / 0
23.09.2006, 01:55
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / <div>, занимающий 100% высоты браузера, как сделать?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]