Неправильная высота ячейки в ие!

**mumus** · 19.02.2008, 23:24

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

).
Нужно чтобы этот скелет был на всю страницу шапка вверху, по центру меню и контент и снизу футер. Ну так вот для шапки задал высоту в пикселях, во всех браузерах нормально, а в ие высота больше раза в 2-3! Не пойму в чём проблема!

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>lala</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table cellspacing="0" cellpadding="0" id="framework">
 *<tr class="frameheader">
 * * <td>ПУГ</td>
 * *<td>ПУГ</td>
 *</tr>
 *<tr>
 * *<td class="frameleft">ПУГ</td>
 * *<td class="framecontent">ПУГ</td>
 *</tr>
 *<tr class="framefooter">
 * *<td>ПУГ</td>
 * *<td>ПУГ</td>
 *</tr>
</table>
</body>
</html>

Код:

@charset "windows-1251";
html {
****height:100%;
****width:100%;
****margin:0;
****padding:0;
}
body {
****height:100%;
****width:100%;
****font-size:0.8em;
****background: #fff;
****margin:0;
****padding:0;
}

/*<каркас>*/
#framework {
****width:100%;
****height:100%;
****border:none;
****background:#F5F5F5;
}
#framework .frameheader {
****background:#FF00FF;
****height:150px;
}
#framework .frameleft {
****width:220px;
}
#framework .framecontent {
****background:#fff;
****border-left:#FF94BD 1px solid;
****border-top:#FF94BD 1px solid;
****border-bottom:#FF94BD 1px solid;
}
#framework .framefooter {
****height:50px;
}
/*</каркас>*/

**Aykroyd** · 20.02.2008, 12:01

А Вы никогда не задумывались, почему многие приверженцы вот таких вот методов верстки не спешат указывать правильный DOCTYPE и рендерят страницы в Quirks Mode? Просто по незнанию? Вряд ли.)

Originally posted by mumus@Feb 20 2008, 00:24
не надо меня бранить
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Да я, в принципе, и не имею такой привычки. Кто-то и в MS Word веб-страницы создает. Бог в помощь.)

Originally posted by mumus@Feb 20 2008, 00:24
Не пойму в чём проблема!
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
В подходе к решению задачи.

**mumus** · 20.02.2008, 21:12

Хм, я в тупике, хочу вопрос поставить по-другому. Хотелось бы услышать мнение от Aykroyd.
Мы решили сделать цмс, и незнаем как его писать в xhtml или html. Посмотрел разные цмски, у всех доктайп либо квиркс мод либо html. Сейчас в тупике незнаем что выбрать, чтобы потом не столкнуться с проблемами. Просто интересно, почему все существующие цмс используют все доктайпы кроме xhtml? С чем это связано? С проблемами которые могут появиться с использованием динамического контента или как? И вообще нужна ли цмс семантическая верстка?

**Aykroyd** · 21.02.2008, 00:13

Originally posted by mumus@Feb 20 2008, 22:12
Просто интересно, почему все существующие цмс используют все доктайпы кроме xhtml?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не все. MODx, например, использует XHTML, да и админка IPB на нем же.

Originally posted by mumus@Feb 20 2008, 22:12
С чем это связано?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Ни с чем. Гораздо важнее [Только зарегистрированные пользователи могут видеть ссылки. ].

Originally posted by mumus@Feb 20 2008, 22:12
И вообще нужна ли цмс семантическая верстка?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не так уж чтобы, если сравнивать с фронтэндами, но тем не менее. Если есть возможность сделать что-то правильно, почему бы не сделать именно так?

**mumus** · 22.02.2008, 22:05

Посмотрел Модикс, там в качестве скелета используется таблица, следовательно, отсутствует семантика. Ладно вернёмся к баранам. Многие используют тот самый xhtml, используют див, а ведь наверняка не используют тот самый нужный заголовок, спрашивается в чём смысл?

Есть ли смысл использовать xhtml но, использовать таблицы для оформления некоторых элементов, или в этом случае сразу нарушается вся семантика?

С какими проблемами можно столкнуться, создавая сложные динамические сайты с использованием xhtml, за исключением тех которые были в той статье, ведь по каким-то причинам, у всех цмс в качестве скелета используется таблица (неужели причиной этого являются те разработчики-старпёры которые заполоняли интернет в конце 90х годов, и по их примеру все делают так же?). И если даже никого не волнует как сделан сайт, зачем всё это?

**Aykroyd** · 22.02.2008, 23:10

Originally posted by mumus@Feb 22 2008, 23:05
Посмотрел Модикс, там в качестве скелета используется таблица, следовательно, отсутствует семантика.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
В первую очередь там в качестве «скелета» используются фреймы. И только затем таблицы...

Originally posted by mumus@Feb 22 2008, 23:05
Ладно вернёмся к баранам. Многие используют тот самый xhtml, используют див
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Вы не путайте XHTML и «див». Эти штуки не имеют друг к другу никакого отношения. То есть совсем никакого.

Originally posted by mumus@Feb 22 2008, 23:05
а ведь наверняка не используют тот самый нужный заголовок, спрашивается в чём смысл?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Смысл в том, что помимо лучшей индексации поисковыми системами, семантическая верстка имеет ряд других преимуществ. В частности, уменьшение объема кода, кэширование представления и совместимость с различными устройствами вывода...

Originally posted by mumus@Feb 22 2008, 23:05
Есть ли смысл использовать xhtml но, использовать таблицы для оформления некоторых элементов, или в этом случае сразу нарушается вся семантика?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
И опять же вынужден Вас поправить: не путайте XHTML и таблицы. Равно как и «дивы», таблицы не имеют к XHTML никакого отношения. HTML и XHTML – это всего лишь синтаксис, в то время как таблицы и «дивы» – методы.

Originally posted by mumus@Feb 22 2008, 23:05
С какими проблемами можно столкнуться, создавая сложные динамические сайты с использованием xhtml
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Ни с какими. Весь вопрос в необходимости использования XHTML.

Originally posted by mumus@Feb 22 2008, 23:05
ведь по каким-то причинам, у всех цмс в качестве скелета используется таблица
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Не обобщайте.) В моей собственной CMS, например, ничего такого не используется... Равно как и фреймов не обнаруживается...

Originally posted by mumus@Feb 22 2008, 23:05
неужели причиной этого являются те разработчики-старпёры которые заполоняли интернет в конце 90х годов
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
По всей видимости.

Originally posted by mumus@Feb 22 2008, 23:05
И если даже никого не волнует как сделан сайт, зачем всё это?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Кого надо – это волнует. По крайней мере даже на фрилансе все чаще и чаще от кодеров требуются навыки именно семантической верстки... Как ни странно...

**mumus** · 22.02.2008, 23:22

Не обобщайте.) В моей собственной CMS, например, ничего такого не используется... Равно как и фреймов не обнаруживается...

А можно взглянуть на вашу ЦМС?

Вы используете семантику в вашей цмс, какова необходимость в этом для вас?

Еще один факт который бесит, есть многие вещи, которые либо тяжело оформить с помощью дивов, либо которые не отображаются верно по причине того, что разные браузеры некоторые вещи интерпретируют по-разному, в частности чёртов ие, и чтобы все это правильно работало, люди делают различные скрипты и хаки, которые часто замедляют работу браузера и увеличивают размер кода, несмотря даже на то, что скрипты в отдельных файлах находятся!

**Aykroyd** · 23.02.2008, 01:33

Originally posted by mumus@Feb 23 2008, 00:22
А можно взглянуть на вашу ЦМС?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
На саму CMS – нельзя. На парочку шаблонов ее веб-страниц – можно.

Originally posted by mumus@Feb 23 2008, 00:22
Вы используете семантику в вашей цмс, какова необходимость в этом для вас?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Я Вам выше уже неоднократно пытался объяснить какова эта необходимость. Извините, повторять одно и то же по нескольку раз нет ни времени, ни желания...

Originally posted by mumus@Feb 23 2008, 00:22
Еще один факт который бесит, есть многие вещи, которые либо тяжело оформить с помощью дивов, либо которые не отображаются верно по причине того, что разные браузеры некоторые вещи интерпретируют по-разному, в частности чёртов ие
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Вопрос знаний и умений. Не более того...

Originally posted by mumus@Feb 23 2008, 00:22
и чтобы все это правильно работало, люди делают различные скрипты и хаки, которые часто замедляют работу браузера
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Примерчик можно?)

Originally posted by mumus@Feb 23 2008, 00:22
и увеличивают размер кода, несмотря даже на то, что скрипты в отдельных файлах находятся!
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
Вы сами-то хоть поняли что написали?)

**Cinic** · 12.03.2008, 15:07

Originally posted by Aykroyd@Feb 23 2008, 01:33
На саму CMS – нельзя. На парочку шаблонов ее веб-страниц – можно.

Я Вам выше уже неоднократно пытался объяснить какова эта необходимость. Извините, повторять одно и то же по нескольку раз нет ни времени, ни желания...
Вопрос знаний и умений. Не более того...
Примерчик можно?)
Вы сами-то хоть поняли что написали?)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Хочу добавить немного своего...

Раньше верстал таблицами, удалял доктайп, занимался ерундой...

Потом послушал умных людей,

, Aykroyd и Zigzag, которые впервую очередь посоветовали почитать литературу из матчасти

Теперь стараюсь пытаюсь, придерживаться валидной, семантичной верстки. Таблицы грузятся дольше(есть конечно table-layout, чтобы ускорить, но у него есть свои недостатки), индексируются хуже(это когда вложенность большая).
Да и в спецификации указано, что таблы для табличных данных, зачем в коробку от пылесоса, класть часы?

Потом я использую всего лишь несколько "штучек", для правильной работы псевдоклассов, min-max и для лучшего отображения png графики (все это можно взять вот [Только зарегистрированные пользователи могут видеть ссылки. ]). И не испытываю особых сложностей с ДИВной версткой.... если только иногда

Тема: Неправильная высота ячейки в ие!

Опции темы

Поиск по теме

Отображение

Похожие темы

Порядок бордюров ячейки таблицы

div по высоте ячейки

Изменить цвет фона ячейки таблицы

Неправильная Картинка

OL: неправильная нумерация при задании стиля

Ваши права