Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

отображение в разных броузерах

2.2K
10 июля 2006 года
micle77
50 / / 14.01.2005
Сделал страничку и все было замечательно пока смотрел на нее в IE. Затем решил открыть ее с помощью mozilla firefox. И тут я увидел всю "красоту". Вот код:

<body>
<table align="center" width="98%" style="BORDER-COLLAPSE: collapse" bgcolor="#f5f6f8" border="0" cellpadding="0" cellspacing="0">
<caption valign="top" align="left" class="textlightbold"> >> &nbsp; Главная </caption>
<td width="80%">
<table align="center" width="100%" style="BORDER-COLLAPSE: collapse" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="border">
<tr height="24" bgcolor="#93AABA">
<td class="textwhitebold"><marquee behavior="slide" width="50%" scrollamount="5"> &nbsp;&nbsp;&nbsp; Трам-тарарам </marquee></td>
...
...
</tr>

В mozilla firefox страница отображается очень широкой, приходится скролить в сторону, не смотря на то что ширина таблицы сохраняется нормальной. Таблица пристроилась справа от заголовка "Главная" (а он должен быть сверху).
В общем в IE все отображается нормально, а в mozilla firefox поползло.
Почему так происходит?
8
10 июля 2006 года
mfender
3.5K / / 15.06.2005
1. Почему caption (кстати, что это такое?) в тэге table?
2. Такая же беда и с td.
352
10 июля 2006 года
skywalker
694 / / 10.02.2006
Выкинь из кода все align="center", т.к. mozilla берет размер твоей таблицы, умножает на 2, а потом в полученном результате (200%) центрирует. И не ставь width="98%", когда используешь где-либо padding или вставленный текст в соседнюю ячейку (caption, кстати зачем ты его вставил). Т.к. мозила опять таки же берет размер всей таблицы, высчитывает 98% от этого размера, потом прибавляет все padding, во внутренних ячейках, потом длину всего текста в ячейках и в результате у тебя получается таблица с неясными размерами.
Надеюсь я понятно объяснил.
ЗЫ Учись верстать div'но, таблицы сейчас не модно :).
2.2K
10 июля 2006 года
micle77
50 / / 14.01.2005
1.Почему caption (кстати, что это такое?) в тэге table?
Да, это в тэге table, вроде как для задания заголовка таблицы.
А на счет зачем вставил... можно конечно строчку сделать, наверное так и сделаю, но вот зачем-то вставил.
2. skywalker, спасибо, объяснил понятно!
Хочется научиться верстать div'но и качественно. Читал что div'ы якобы читаются не всеми броузерами и грузятся дольше, аля типа таблицы предпочтительнее.
Что есть правда?
1.8K
10 июля 2006 года
LastSoul
279 / / 28.12.2005
а ты пользовался тэгом </table>
попробуй написать так:
<table align="center" width="98%" style="BORDER-COLLAPSE: collapse" bgcolor="#f5f6f8" border="0" cellpadding="0" cellspacing="0">
<caption valign="top" align="left" class="textlightbold"> >> &nbsp; Главная </caption>
<td width="80%">
[color=red]</table>[/color]
<table align="center" width="100%" style="BORDER-COLLAPSE: collapse" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" class="border">
<tr height="24" bgcolor="#93AABA">
<td class="textwhitebold"><marquee behavior="slide" width="50%" scrollamount="5"> &nbsp;&nbsp;&nbsp; Трам-тарарам </marquee></td>
...
...
</tr>
[color=red]</table>[/color]

и показывать будет уже немного подругому (в FF)

из преведенного тобой примером мне показалось что ты ради заголовка создаешь целую таблицу, а потом в эту таблицу суешь еще одну таблицу где и находится основной текст... может это показалось только мне...
можно сделать типа такого:
[html]
<DIV>
>> &nbsp; Главная
<table>
...
Трам-тарарам
...
</table>
</DIV>
[/html]
352
10 июля 2006 года
skywalker
694 / / 10.02.2006
[QUOTE=micle77] Читал что div'ы якобы читаются не всеми броузерами и грузятся дольше, аля типа таблицы предпочтительнее.
Что есть правда?[/QUOTE]
Нет, просто ie, он же internet explorer, он же ослик, не полностью понимает css. А то что понимает, понимает не всегда правильно, т.е. пример, когда ты ставишь padding и рисуешь границу какой-то толщины, то осел не увеличивает размеры родительского блока, а мозилла берет размер родительского блока и прибавляет размеры padding, а потом еще и толщину границы, и именно это и должно быть по стандартам http://w3c.org , в результате один и тот же элемент в ie и ff может иметь разные размеры.
Но даже при таких плохих вводных, верстать div'ами предпочтительнее.
Во-первых все описание находится в css, и ты можешь делать своему сайту редизайн хоть каждый день, во-вторых, html код у тебя структурный, в-третьих css файл кешируется в браузере, а значит его пользователь загружает только один раз, а значит скорость загрузки твоего сайта выше, в-четвертых, при большом опыте div'ной верстке, программисту будет гораздо легче привязать код html к коду на серверном языке, и не парится с тем где какая ячейка, и как вывод данных разбить под дизайн, это вообще не его работа и идеальная система когда программер не пытается разобраться в твоей верстке, у него и так полно работы с базами данных.
[QUOTE=micle77]
таблицы предпочтительнее. [/QUOTE]
И не в коем случае не слушай такие заявления.
2.2K
10 июля 2006 года
micle77
50 / / 14.01.2005
[QUOTE=LastSoul]а ты пользовался тэгом </table>[/QUOTE]
Да, просто код ниже не приведен
[QUOTE=LastSoul]из преведенного тобой примером мне показалось что ты ради заголовка создаешь целую таблицу[/QUOTE]
Это тоже не так. Но всеравно спасибо, LastSoul.

Skywalker, благодарю за популярный ответ!
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог