Logo Море(!) аналитической информации!
IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware
Архив форумов ЦИТФорума
Море(!) вопросов - Море(!) ответов
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 
Как правильно задавать вопросы

Высота ячейки

 
Перейти:  
Этот форум закрыт, вы не можете писать новые сообщения и редактировать старые.   Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.    Список форумов Архив форумов ЦИТФорума -> Создание веб-сайтов
Предыдущая тема :: Следующая тема  
Автор Сообщение
Mytilus Galloprovincialis



Зарегистрирован: 30.08.2005
Сообщения: 358
Откуда: откуда все люди родятся

СообщениеДобавлено: Ср Ноя 19 2008 02:33    Заголовок сообщения: Высота ячейки Ответить с цитатой

Привет!
Имею страницу: декларация - XHTML 1.1, в таблице стилей - body, html, table {height: 100%}. На странице всего одна таблица с тремя горизонтальными рядами ячеек. Верхнему ряду присвоена высота 193px (не важно, аргументом HEIGHT или средствами CSS), высота остальных рядов - по умолчанию. Логично предположить, что в результате должна отобразиться таблица на всю высоту окна браузера, в которой верхний ряд будет 193 пикселя в высоту, а остальные ряды поделят свободное пространство поровну. Так и получается в ФФ, Опере и прочих. Но, как всегда, "порадовал" ИЕ7, который сначала присваивает ряду высоту 193px, а только потом растягивает таблицу на 100% по вертикали. В результате все ряды (в том числе и верхний) также пропорционально растягиваются. Верхний ряд в ИЕ имеет высоту большую, чем необходимо. Подскажите, пожалуйста, как "лечить" ИЕ?
Код:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
  <head><style>body, html, table {height: 100%}</style></head>
  <body style='margin:0'>
    <table border='1'>
      <tr><td height='193'>&nbsp;</td></tr> <!-- Высота: 193px -->
      <tr><td>&nbsp;</td></tr>
      <tr><td>&nbsp;</td></tr>
    </table>
  </body>
</html>
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
adgjl



Зарегистрирован: 22.11.2008
Сообщения: 5
Откуда: Mosva

СообщениеДобавлено: Вс Ноя 23 2008 21:02    Заголовок сообщения: Ответить с цитатой

Нафига тебе такой эксклюзивный дизайн, насколько мне известно так обычно никогда не делают или у тебя особые задачи.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Mytilus Galloprovincialis



Зарегистрирован: 30.08.2005
Сообщения: 358
Откуда: откуда все люди родятся

СообщениеДобавлено: Вс Ноя 23 2008 21:55    Заголовок сообщения: Ответить с цитатой

Страница должна быть разбита на три части: шапка, тело и подвал. При этом высота шапки и подвала строго фиксированы (в приведенном мной примере все проще, т.к. от него требовалось только показать задачу). И если контент тела не занимает всю область окна браузера подвал все равно должен быть в самом низу этого окна.
При верстке, например, на HTML 4.1 все отображается в соответствии с задумкой. Но XHTML в ИЕ парсерится иначе.
Главная беда в том, что дизайн уже утвержден (как, собственно, и язык верстки). Возможно, у кого-то возникнет идея другого рода в реализации дизайна? Главное, чтобы была шапка (193px в высоту), подвал (34px в высоту и прижатый к низу окна или заходящий за нижнюю границу окна при большом объеме контента) и само тело (тело имеет фон в виде изображения, поэтому должно быть растянуто от шапки до подвала вне зависимости от полноты своего содержимого).
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
adgjl



Зарегистрирован: 22.11.2008
Сообщения: 5
Откуда: Mosva

СообщениеДобавлено: Вс Ноя 23 2008 22:25    Заголовок сообщения: Ответить с цитатой

Вся проблема в конфликте стилей. Браузеру нужно ясно задать размеры.
Можно попробовать сделать так: Убрать хейгхт 100% в главной таблице, а в две нижние строки поместить по вложенным таблицам.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Mytilus Galloprovincialis



Зарегистрирован: 30.08.2005
Сообщения: 358
Откуда: откуда все люди родятся

СообщениеДобавлено: Пн Ноя 24 2008 11:01    Заголовок сообщения: Ответить с цитатой

В том то и проблема, что я не вижу других возможностей "привязать" ячейку к нижней границе окна.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Mytilus Galloprovincialis



Зарегистрирован: 30.08.2005
Сообщения: 358
Откуда: откуда все люди родятся

СообщениеДобавлено: Пн Ноя 24 2008 22:24    Заголовок сообщения: Ответить с цитатой

Лазил за ответом в просторах Рунета и наткнулся на такой пост (орфография и пунктуация сохранены):

Знаешь, а нам пришлось отказаться от XHTML в проэкте потому, что он тупейше не давал делать нам такую вёрстку и позиционирование как нам надо. Растянуть таблицуу по высоте на 100%, прижать нижную ячейку к низу окна высотой в 30px, верхней занять остальное пространство экрана - ФИГУ! Никак. А с дивами тоже не всё ладно, в некоторых браузерах (точнее версиях, и далеко не допотопных) глючит. В итоге наш верстальшик повоевав 2 недели с ним, плюнул и начал переделывать всё под HTML 4.01. А чувак там не дурак, он HTML/xHTML и CSS знает на отлично, ночью разбуди и спроси - сходу ответит ещё и разницу реализации между IE, FF и Opera расскажет - какие есть недоработки, глюки и как обойти. Так что на самом деле по мне - лучше HTML5 - пусть более жесткий по синтаксису, но с возможностями HTML 4.01 - тянущиеся по вертекали таблицы без приблуд как у xHTML что 100%, это он растягмвает на высоту экрана и в ус не дует, смещая остальные ячейки за пределы экрана, появляеться скроллбар и.т.д.
XHTML хорош для портативных устройств и мобилок, но для WEB'a где сайт динапичен и много JavaScript функционала - он не очень подходит.

(Источник: http://php.ru/forum/viewtopic.php?t=4609.)

Почитав это, я решил, что буду требовать от руководства дать добро на верстку HTML'ом 4.01.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
adgjl



Зарегистрирован: 22.11.2008
Сообщения: 5
Откуда: Mosva

СообщениеДобавлено: Пн Ноя 24 2008 23:50    Заголовок сообщения: Ответить с цитатой

Mytilus Galloprovincialis писал(а):
В том то и проблема, что я не вижу других возможностей "привязать" ячейку к нижней границе окна.

Можно еще юзать JS, все работает, но только в ИЕ.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Mytilus Galloprovincialis



Зарегистрирован: 30.08.2005
Сообщения: 358
Откуда: откуда все люди родятся

СообщениеДобавлено: Вт Ноя 25 2008 12:26    Заголовок сообщения: Ответить с цитатой

Если XHTML заставляет использовать сценарии, то это еще раз оправдывает использование другого стандарта.
Вернуться к началу
Посмотреть профиль Отправить личное сообщение
Показать сообщения:   
Этот форум закрыт, вы не можете писать новые сообщения и редактировать старые.   Эта тема закрыта, вы не можете писать ответы и редактировать сообщения.    Список форумов Архив форумов ЦИТФорума -> Создание веб-сайтов Часовой пояс: GMT + 3
Страница 1 из 1

 
Перейти:  
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах


Powered by phpBB © 2001, 2002 phpBB Group
Русская поддержка phpBB

 

IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware

Информация для рекламодателей PR-акции, размещение рекламы — adv@citforum.ru,
тел. +7 495 6608306, ICQ 232284597
Пресс-релизы — pr@citforum.ru
Послать комментарий
Информация для авторов
This Web server launched on February 24, 1997
Copyright © 1997-2000 CIT, © 2001-2006 CIT Forum
Внимание! Любой из материалов, опубликованных на этом сервере, не может быть воспроизведен в какой бы то ни было форме и какими бы то ни было средствами без письменного разрешения владельцев авторских прав. Подробнее...