powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / IE6 не понимает height в div'е
3 сообщений из 3, страница 1 из 1
IE6 не понимает height в div'е
    #35684741
Starlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Привет!

Есть Master page, которая размечена на 3 части при помощи 3х div'ов.

div.menu - обрамляет меню на Master page
div.window - обрамляет contentplaceholder на Master page
div.user-string - обрамляет нижнюю строку с именем пользователя на Master page

Идея в том, чтобы сделать верхнюю и нижнюю часть страницы неподвижными, а основную среднюю, если она не помещается на экране, подвижную между меню и нижней строкой.

Вот настройки стиля для 3х дивов:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
div.menu{
  position:fixed;
  overflow:hidden;
  height: 45px;
  margin: 0px;
  padding: 0px;
  width:  99 %;
}

div.window{
  position:fixed;
  overflow:auto;
  margin: 0px;
  padding: 0px;
  width:  99 %;
  height:  89 %;
  left: 0 ;
  top:45px;
  border-bottom: solid black 1px;
  border-top: solid black 1px;
  border-left: solid black 1px;
  border-right: solid black 1px;
}

div.user-string{
  position:fixed;
  overflow:hidden;
  margin: 0px;
  padding: 0px;
  width:  99 %;
  left: 0 ;
  top: 97 %;
}

Проблема в том, что настройка "height: 89%;" в div.window не работает для IE6, хотя для IE7 и FireFox3 она работает. Во-втором случае height правильно понимается как 89% от высоты экрана, а в IE6 height определяется похоже по высоте страницы, которая содержится внитри contentplaceholder и естественно уходит далеко вниз за экран. Если определить height в пикселях, то всё нормально, но не хочется привязываться к конкретному разрешению монитора.

Кто подскажет, как заставить IE6 правильно отображать высоту? Что характерно, ширина обрабатывается правильно.

Спасибо!
...
Рейтинг: 0 / 0
IE6 не понимает height в div'е
    #35684831
mrJust
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
1. Можно попробовать добавить doctype
Код: plaintext
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2. Прописать
Код: plaintext
body{margin:  0 ; padding:  0 ; height: 100 %;}
...
Рейтинг: 0 / 0
IE6 не понимает height в div'е
    #35684938
Starlex
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mrJust2. Прописать
Код: plaintext
body{margin:  0 ; padding:  0 ; height: 100 %;}


Это реально помогло даже без смены DOCTYPE. "height:100%;" похоже надо явно указывать для body. Большое спасибо!
...
Рейтинг: 0 / 0
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / IE6 не понимает height в div'е
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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