Полезная информация

Общайтесь со знакомыми и друзьями в нашей группе в Контакте.

№124-03-2008 13:14:43

lloid1
Участник
 
Группа: Members
Зарегистрирован: 13-03-2008
Сообщений: 9
UA: Firefox 2.0

Firefox 2.* не корректно отображает "Дивы" (тег DIV)

пример
сайт http://aboutcatsss.narod.ru/index.html
в эксплорере и в файерфоксе выглядит по разному. должен выглядеть как в эксплорере. когда разработчики устранят это?


Мы мирные люди, но наш бронепоезд
cтоит на запасном пути

Отсутствует

 

№224-03-2008 13:38:37

Lynn
Кофеман
 
Группа: Members
Откуда: Россия
Зарегистрирован: 16-02-2005
Сообщений: 1721
UA: Firefox 2.0
Веб-сайт

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

Никогда. Это вы должны устранять.
Верстайте по стандарту и будет вам счастье.


Isn't it ironic... don't you think? — Alanis Morissette

Отсутствует

 

№324-03-2008 13:55:00

lloid1
Участник
 
Группа: Members
Зарегистрирован: 13-03-2008
Сообщений: 9
UA: Firefox 2.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

Lynn пишет

Никогда. Это вы должны устранять.
Верстайте по стандарту и будет вам счастье.

за что файерфокс не любит дивы?


Мы мирные люди, но наш бронепоезд
cтоит на запасном пути

Отсутствует

 

№424-03-2008 14:50:22

SeLarin
Ведущий телепат
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 13-02-2006
Сообщений: 609
UA: Firefox 3.0
Веб-сайт

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

lloid1
Это неправильный вопрос.  Дивы файрфокс любит и работает с ними прекрасно! А вот IE... :cry::dumb:


Welcome to mozilla@conference.jabber.ru

Отсутствует

 

№524-03-2008 16:39:02

lloid1
Участник
 
Группа: Members
Зарегистрирован: 13-03-2008
Сообщений: 9
UA: Firefox 2.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

SeLarin пишет

lloid1
Это неправильный вопрос.  Дивы файрфокс любит и работает с ними прекрасно! А вот IE... :cry::dumb:

Я верстала правильно. Все должно выглядеть как в ИЕ. А в фаере выглядит как попало...


Мы мирные люди, но наш бронепоезд
cтоит на запасном пути

Отсутствует

 

№624-03-2008 17:00:42

Lynn
Кофеман
 
Группа: Members
Откуда: Россия
Зарегистрирован: 16-02-2005
Сообщений: 1721
UA: Firefox 2.0
Веб-сайт

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

lloid1
Начнём с того, что на вашей странице не указан DOCTYPE. После этого можно не продолжать.

Вот статья 2002(!) года http://www.webmascon.com/topics/coding/25a.asp

Добавлено Mon Mar 24 17:08:19 2008 :
Ну и читайте, что по этому поводу говорит стандарт CSS2/2.1, а не полагайтесь на глючный IE в Quirks Mode.


Isn't it ironic... don't you think? — Alanis Morissette

Отсутствует

 

№724-03-2008 17:15:55

SeLarin
Ведущий телепат
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 13-02-2006
Сообщений: 609
UA: Firefox 3.0
Веб-сайт

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

lloid1

Я верстала правильно.

Про доктайп тебе уже сказали, но даже если бы он был...
Почему в таблице стилей не прописана семейство шрифтов в font-family? У меня нет ни Verdana, ни Tahoma.
Почему размер шрифта указан в пикселях?
Судя по //<![CDATA[ в блоке скрипта, это должен быть XHTML. Что за тег font? Где вы его нашли в спецификации XHTML? Что за тег center? Почему есть незакрытые теги?
Продолжить?

Все должно выглядеть как в ИЕ.

Докажи.

А в фаере выглядит как попало...

В фаере выглядит как сверстано.

Добавлено Mon Mar 24 17:24:03 2008 :
Кстати, посмотри свой сайт в бете IE 8. ;)


Welcome to mozilla@conference.jabber.ru

Отсутствует

 

№824-03-2008 18:08:43

lloid1
Участник
 
Группа: Members
Зарегистрирован: 13-03-2008
Сообщений: 9
UA: Firefox 2.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

SeLarin пишет

lloid1

Я верстала правильно.

Про доктайп тебе уже сказали, но даже если бы он был...
Почему в таблице стилей не прописана семейство шрифтов в font-family? У меня нет ни Verdana, ни Tahoma.
Почему размер шрифта указан в пикселях?
Судя по //<![CDATA[ в блоке скрипта, это должен быть XHTML. Что за тег font? Где вы его нашли в спецификации XHTML? Что за тег center? Почему есть незакрытые теги?
Продолжить?

Все должно выглядеть как в ИЕ.

Докажи.

А в фаере выглядит как попало...

В фаере выглядит как сверстано.

Добавлено Mon Mar 24 17:24:03 2008 :
Кстати, посмотри свой сайт в бете IE 8. ;)

Нет, это не XHTML. Это HTML.
незакрытые теги - это BR что ли? А center и  font в HTML есть.
Про DOCTYPE поняла. Спасибо, интересная статья.

Добавлено Mon Mar 24 18:20:50 2008 :

SeLarin пишет

Почему в таблице стилей не прописана семейство шрифтов в font-family? У меня нет ни Verdana, ни Tahoma.
Почему размер шрифта указан в пикселях?

Вы под линуксом выходите? Это стандартные виндоуз шрифты. Не понимаю почему у Вас их нет. А в чем размер указывать??


Мы мирные люди, но наш бронепоезд
cтоит на запасном пути

Отсутствует

 

№924-03-2008 18:33:40

Infant
   «»
 
Группа: Extensions
Откуда: Одесса
Зарегистрирован: 23-12-2004
Сообщений: 3671
UA: Minefield 3.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

lloid1
Проверка правильно свёрстанного сайта валидатором:
You have 250 HTML Errors.
You have 5 HTML Warnings.
You have 8 CSS Errors.


Благодарю алфавит за любезно предоставленные буквы.

Отсутствует

 

№1024-03-2008 18:37:00

lloid1
Участник
 
Группа: Members
Зарегистрирован: 13-03-2008
Сообщений: 9
UA: Firefox 2.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

Infant пишет

lloid1
Проверка правильно свёрстанного сайта валидатором:
You have 250 HTML Errors.
You have 5 HTML Warnings.
You have 8 CSS Errors.

круто. а где этот валидатор найти?


Мы мирные люди, но наш бронепоезд
cтоит на запасном пути

Отсутствует

 

№1124-03-2008 18:51:50

Infant
   «»
 
Группа: Extensions
Откуда: Одесса
Зарегистрирован: 23-12-2004
Сообщений: 3671
UA: Minefield 3.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

Например, http://validator.w3.org/ или http://xhtml-css.com/check/


Благодарю алфавит за любезно предоставленные буквы.

Отсутствует

 

№1224-03-2008 19:03:30

SeLarin
Ведущий телепат
 
Группа: Members
Откуда: Санкт-Петербург
Зарегистрирован: 13-02-2006
Сообщений: 609
UA: Firefox 3.0
Веб-сайт

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

lloid1
Не оверквоть.

Незакрытые теги это p, например.
Под чем я выхожу неважно, просто нужно принять как данность, что не у всех пользователей один и тот же набор шрифтов. Размер шрифтов стоит указывать в относительных единицах длины или с помощью специальных ключевых слов.
Выдержки из стандарта HTML 4.0: "The CENTER element is deprecated." "FONT and BASEFONT are deprecated."
Все валидаторы водятся на w3c.org


Welcome to mozilla@conference.jabber.ru

Отсутствует

 

№1325-03-2008 13:59:40

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508
UA: Sunrise 1.6

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

lloid1
Вы понимаете, есть общепринятые способы указывать определенные атрибуты. Вы это делаете, и не задумываетесь, в какой системе и чего не хватает - достаточно корректной записи.
Что касается шрифтов:
Гарнитура указывается в CSS через font-family списком, и стандартные списки известны:

Выделить код

Код:

font-family: Verdana,'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Lucida,Helvetica,Arial,sans-serif;
font-family: Tahoma,'Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Lucida,Helvetica,Arial,sans-serif;
font-family: Geneva,'Times New Roman',Times,serif;
font-family: 'Lucida Console','Andale Mono',Monaco,'Courier New',Courier,monospace;

lloid1, обратите внимание, каждый такой список заканчивается именем семейства шрифтов. Это тот минимум, который допустимо указывать. Если браузер способен отображать шрифты, он соответствующий подберет. Указывайте шрифты такими списками, и что-то похожее будет в разных системах.
Размер шрифта лучше указывать для элементов вроде заголовков и абзацев и полей формы - в единицах em и для элементов body и table - в px или em. Если у Вас только базовый шрифт будет в px, Вы сможете сменой атрибута в одном или двух местах таблицы стилей пропорционально увеличить весь текст на странице.
Старайтесь никогда не указывать текст меньше 12px, в крайнем случае - 11px. С ним будут проблемы у слабовидящих людей и у части браузеров под часть систем. Сам своими глазами видел, как перекосячивается шрифт 10 пикселей, поверьте, это бывает.
Что касается незакрытых тэгов. Желательно взять себе за правило использовать синтаксис XHTML везде внутри HTML, кроме тех случаев, когда он не принимается валидатором. Это значит - закрывать все тэги-контейнеры, то есть p, div, table, tr, td, th, ul, ol, li и прочие, все значения атрибутов писать в кавычках, не вкладывать блочные элементы в строчные, и так далее. Одно из немногих правил, обязательных для XHTML и не пропускаемых валидатором в HTML - это условное закрытие одиночных тэгов ( <img src="..." />, <br />, <input type="..." name="..." /> и так далее) - можете опускать косую черту, если хотите.
Будут вопросы - обращайтесь.

Отсутствует

 

№1425-03-2008 21:26:24

lloid1
Участник
 
Группа: Members
Зарегистрирован: 13-03-2008
Сообщений: 9
UA: Firefox 2.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

Al_H пишет

Будут вопросы - обращайтесь.

Спасибо за такое подробное разъяснение


Мы мирные люди, но наш бронепоезд
cтоит на запасном пути

Отсутствует

 

№1525-03-2008 23:12:31

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508
UA: Sunrise 1.6

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

Не за что

Отсутствует

 

№1631-03-2008 07:28:46

kobzar
Участник
 
Группа: Members
Откуда: Владивосток, Россия
Зарегистрирован: 21-03-2008
Сообщений: 7
UA: Firefox 2.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

У вас выравнивание так обозначено
.left
{

text-align:left;
float:left;
width:130px;
height:100%;
}
Применено только для текста, отчего ещё одно различие в расположении блоков.  А если использовать конструкцию position: relative; left: -30px (но это к примеру, значения ваши)?

А вообще, чудесная вещь, таблицы, если использовать атрибуты colspan и rowspan, то можно любую вёрстку сделать,не сомневаясь, что выглядеть результат будет корректно (одинаково)
и в ИЕ и в ФФ.:)

И немного офф-топа: контент улыбнул. )

Отсутствует

 

№1731-03-2008 10:49:44

tenshi
Участник
 
Группа: Members
Зарегистрирован: 30-03-2008
Сообщений: 47
UA: Firefox 3.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

kobzar, а  опере всё поедет...

Отсутствует

 

№1831-03-2008 16:04:00

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508
UA: Sunrise 1.6

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

kobzar
Люди переходят на стили, потому что таблицы - прошлый век. У них больше недостатков, чем достоинств. В частности, более объемистый код, без помощи CSS можно сделать далеко не любую верстку, отсутствие масштабируемости и доступности - табличная верстка всегда ориентирована на одно устройство, отсутствие гибкости - многие вещи при необходимости нужно менять в разных местах, а е в одной таблице стилей, и так далее. Не будем затевать религиозный спор, и я не хочу Вас переубедить, просто обратить Ваше внимание на некоторые моменты.
Я видел тебличную верстку, которая разъезжалась в одном из популярных браузеров - либо в IE, либо только в Опере. У меня на машине стоят более 14 версий браузеров. При определенном навыке верстка на CSS не разваливается ни в одном из популярных браузеров. И сейчас это становится тем более так, когда 5.0 и 5.5 Ёксплореры стремительно теряют долю на рынке.

Отсутствует

 

№1931-03-2008 19:11:15

kobzar
Участник
 
Группа: Members
Откуда: Владивосток, Россия
Зарегистрирован: 21-03-2008
Сообщений: 7
UA: Opera 9.2

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

В данном вопросе я скорее соглашусь, чем буду спорить хотя-бы в отношении нескольких пунктов: первый - именно гибкость, когда достаточно внести лишь одну правку в css вместо двадцати в двадцати html-страницах ; второй, что действительно возможности форматирования намного превосходят <table> вёрстку. Уже только z-index чего стоит!
Ну и легче достигается стилистическое единообразие страниц. (К слову, в сгенерированном коде этой страницы я не обнаружил и запаха <table>). Табличный код громоздкий, имеет много ограничений - тоже не спорю. А вот момент разъезжания - это скорее ошибка разработчика и, возможно , даже в задании значения параметра нахлёста ( colspan или rowspan), либо параметр width или height ячейки задан некорректно, не в соответствии с высотой или шириной самого ряда. ИЕ такую ошибку сглаживает, а ФФ нет, я так понял. По крайней мере все ошибки в таблицах, что я находил оказывались просто просчётами подвластными исправлению. Тем не менее приоритет за css.

Отсутствует

 

№2031-03-2008 21:14:35

Al_H
Away
 
Группа: Members
Откуда: SPb
Зарегистрирован: 10-06-2005
Сообщений: 5508
UA: Sunrise 1.6

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

второй, что действительно возможности форматирования намного превосходят <table> вёрстку. Уже только z-index чего стоит!

Я имел в виду скорее сложное форматирование поверх фона, особенно если он не должен повторяться. В части случаев без CSS это решается фоном шириной 2000 и высотой 8000, либо не решается вообще.
Нужно заметить, что до сих пор осталось несколько задач, которые не решаеются CSS, зато легко преодолеваются таблицами - в частности, это проблема  растягивания блоков на одинаковую высоту. В большинстве случаев это эмулируется другими средствами, но если больше никак не сделать, тут либо остается надеяться, что сработает display: table-cell; , либо - очень извращенными способами.

По крайней мере все ошибки в таблицах, что я находил оказывались просто просчётами подвластными исправлению. Тем не менее приоритет за css.

Это опять-таки вопрос опыта. Довольно быстро оказывается, что многие ошибки - именно просчеты, поддающиеся исправлению. Другое дело, что в собственной верстке довольно быстро удается научиться такие моменты обходить, и ошибки появляются редко.

Отсутствует

 

№2101-04-2008 11:21:57

kobzar
Участник
 
Группа: Members
Откуда: Владивосток, Россия
Зарегистрирован: 21-03-2008
Сообщений: 7
UA: Firefox 2.0

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

Когда нужно передать большое изображение и чтобы оно загружалось быстро - удобно разбить его на слайсы и скомпановать при помощи таблицы. В фотошопе даже такая функция есть: он создаёт html-документ с таблицей и папку images с порубленной фотографией. Так как правила табличной вёрстки несколько "неправильные", при неравнопропорциональной разбивке фотошопу приходится даже дополнительные компенсирующие ячейки делать и помещать в них  элементы в 1px. Он их именует spacer. Потому я предпочитаю самостоятельно просчитывать таблицы.
Тем не менее без применения таблиц использование слайсов я себе с трудом представляю, и честно говоря, не встречал, чтоб кто-либо это осуществлял при помощи блочной вёрстки.

Отсутствует

 

№2203-04-2008 17:32:58

Tishaishii
Участник
 
Группа: Members
Зарегистрирован: 12-07-2006
Сообщений: 8
UA: Konqueror 3.5

Re: Firefox 2.* не корректно отображает "Дивы" (тег DIV)

А я вот открыл эту страничку в lynx. Вообще картинок и цветов нормальных не увидел. И вместо русских букв транслит везде.

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]