Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / 100% высота ячейки в IE / 6 сообщений из 6, страница 1 из 1
27.04.2015, 10:36
    #38945953
com.ета
com.ета
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% высота ячейки в IE
Всем привет! Столкнулся с такой проблемой: есть таблица, 3 строки. Верхняя и нижняя прижаты к верху и к низу экрана, а средняя их поджимает. Я задал таблице высоту 100% и средней ячейке высоту 100%, во всех браузерах это работает, а вот IE почему то считает, что высота ячейки 100% должна быть равна высоте экрана, в итоге появляется скролл, так как средняя ячейка становится равна размеру экрана. Как это обойти и есть ли еще какие-то варианты?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.04.2015, 11:00
    #38945979
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% высота ячейки в IE
com.ета,

а если без таблиц?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.04.2015, 11:04
    #38945986
Оливер Куин
Оливер Куин
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% высота ячейки в IE
com.ета,
В IE 8-10 работает.
Код: html
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.
<!DOCTYPE html>
<html>
<head>
<title>Таблица в IE</title>
<style>
* {margin:0; padding:0; font:11pt Arial;}
html, body {width:100%; height:100%}
.main {
  border-collapse:collapse;
  width:100%;
  height:100%;
}
.main td {vertical-align:top;}
.h1 {height:2px; background:#ffff00;}
.content {background:#F08080;}
.footer {height:30px; background:#00ae00;}
</style>
</head>
<body>
<table class="main">
  <tr> <td class="h1">Малкольм Мерлин, ты подвел этот город.<br>И как это я умудрился?<br>Предприятие. Я его остановлю.</td> </tr>
  <tr> <td class="content"><br>Осталось 3 серии. Интересно, будет логическое объяснение про главную загадку сезона?</td> </tr>
  <tr> <td class="footer">Подвал, высота 30px</td> </tr>
</table>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.04.2015, 13:18
    #38946136
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% высота ячейки в IE
com.етаЯ задал таблице высоту 100% и средней ячейке высоту 100%, во всех браузерах это работает, а вот IE почему то считает, что высота ячейки 100% должна быть равна высоте экрана
Да как он посмел!
Т.е. по твоему мнению ИЕ виноват?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.05.2015, 14:28
    #38951807
com.ета
com.ета
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% высота ячейки в IE
krvsa, и в чем проблема? я понять не могу, почему он растягивает так странно
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.05.2015, 15:58
    #38951904
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
100% высота ячейки в IE
com.етая понять не могу, почему он растягивает так странно
Он растягивает не "странно", а нормально. Это просто другие браузеры тебя "простили"...
Делай нормально верстку и будет тебе счастие...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / 100% высота ячейки в IE / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 478ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1446051]:
 0ms
get settings:
 13ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 146ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 245ms
total:  478ms
x
x
Закрыть


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