Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / табличная верстка, IE и высота строк / 3 сообщений из 3, страница 1 из 1
17.08.2007, 15:14
    #34734994
drLivsi_
drLivsi_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
табличная верстка, IE и высота строк
Табличная верстка.
Таблица, высота 100%, ширина 100%.
Строка 1: шапка, фиксированная высота
Строка 2: гориз. меню, фиксированная высота
Строка 3: три панели (ширина крайних задана)
Строка 4: футер, фиксир. высота

Проблема только для IE: если задать высоту строки 3 = 100% то она займет весь екран, а все остальные строки вылезут за его пределы. Если не задавать высоту 100%, то высота для всех строк игнорируется и меняется в зависимости от размера экрана.

В Опере всё выходит отлично.

Код: 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.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<style>
body {
  color: # 000 ; background: #fff;
}

html {
  height: 100 %;
}

* html body {
  height: 100 %;
}

* {padding:  0 ; margin:  0 ; font: 10pt Tahoma, Sans-Serif;}

#tab {width:  100 %; height:  100 %; border-collapse: collapse}
#panel_left, #panel_center,#panel_right {vertical-align: top}

#header {
  background-color:#A5BED3;
  height:70px;
}

#panel_top {
 background-color:#2586d7;
 height:20px;
}

#panel_left {
width:150px;
}

#panel_center {
}

#panel_right {
width:150px;
}

#footer {
  height:40px;
  background-color:#A5BED3;
}
</style>

<body>
<table id="tab" border=1px cellpadding= 0 >
<tr><td id="header" colspan='3'>
Шапка
</td></tr>
<tr><td id="panel_top" colspan='3'>
Верхнее меню
</td></tr>

<tr height= 100 %><td id="panel_left">
Левая панель
</td>
<td id="panel_center">
Центральная панель
</td>

<td id="panel_right">
Правая панель
</td></tr>

<tr><td id="footer" colspan='3'>
Футер
</td></tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.08.2007, 15:23
    #34735037
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
табличная верстка, IE и высота строк
Во-первых убери или измени DOCTYPE (это из-за него), во-вторых у tr размеры игнорируются, в-третьих у тебя style вне head. Но это уже мелочь.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.08.2007, 15:29
    #34735065
drLivsi_
drLivsi_
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
табличная верстка, IE и высота строк
Действительно это DOCTYPE !!!!!!!!!!!!!
Блин, я мучался больше 5 дней..... Теперь всё получилось. Спасибо большое.

З.Ы. Стили у меня в отдельном файле, это я для вопроса всё в один файл засунул и "промахнулся" мимо head.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / табличная верстка, IE и высота строк / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 266ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1457794]:
 0ms
get settings:
 11ms
get forum list:
 12ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 163ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 42ms
get tp. blocked users:
 2ms
others: 14ms
total:  266ms
x
x
Закрыть


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