CSS и различные браузеры
 

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

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

Antony, насколько я знаю, Лиса масштабирует текст в любом случае!

Бага... видимо, придется менюшку графическими кнопками выполнять...

Antony, а смысл? Разве много юзверей масштабирование применяют?

Barkoff В ФайрФохе шрифт меньше, чем в IE.. И что б легче его читать - имхо самое простое действие нажать Ctrl++. А при этом сильно искажается вертикальная менюшка (т.к. текст выходит за рамки нарисованных кнопок). К тому ФайрФох сейчас становится довольно популярнум браузером, и пренебрегать пользователями, использующими его не стоит.

Это как? Выстави точное значение и никакого отличия не будет - пикселы они и в IE, и в Лисе одно значение имеют!

но ведь в ФайрФоксе может быть изначально при загрузке сайта увеличен/занижен шрифт?..

Да и вообще, имхо, не дело это, если весь дизайн плывет, меню превращается в черт знает что при нажатии пользователем пары кнопок.. :(

Antony, по сути у всех современных браузеров есть возможность масштабировать - IE7, наскольк я знаю, тоже уже умеет это делать. Так что особо париться по этому поводу вряд ли стоит - по сути на любом сайте может вылезти эта проблема :)

Как раз пиксели имеют разные размеры, в зависимости от типа устройства. Однако все линейные еденицы измерения (сантиметры, метры, пиколитры) остаются везде одинаковыми, поэтому лучше всего использовать не px, а pt

Проблема может быть также в том, что каждый браузер требуют некоторые обязательные CSS параметры тегов. Поэтому лучше всего заранее определить шрифт, цвет, размер и т.д. тегов body и html

Vadya corp., вне зависимости от размера пиксела того или иного устройства вывода информации, и Лиса, и IE будут отображать абсолютно идентично шрифт, размер которого указан в абсолютных единицах, будь то px, pt, mm и т.д., и поэтому это совершенно не принципиально.

Что касается этой проблемы, то она вытекает из давнего спора - позволять или нет пользователю менять размер шрифта, выставленного в абсолютных величинах. Лиса, Опера и некоторые другие браузеры отвечают на этот вопрос однозначно - да, IE до недавнего времени такие шрифты не масштабировал, но в IE 7 теперь это стало также доступным. Никакие css-хаки этот вопрос не решают.

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

DROGON Дело в том, что надо было просто обновить кэш браузера :P А иначе картинка бралась из кэша, т.к. браузер думал, что ничего не поменялось

Хм странно, мне же обьяснили иначе, что логотип как все другие элементы хедера, прописаны в css как бекграунды, т.е. фоны, а бразеры типа ff, Mozila и опера не понимают этого)) Теперь буду знать:)

А вот тогда еще один вопрос:
В каких браузерах лучше всего проверять сделанную страницу? Ведь есть различия. И иногда в одном страница отображается корректно, а в другом - искажается. Причем это зависит (насколько я понимаю) не только от браузера, но и от версии оного....

Я проверяю в Opera 9.02, IE 6.0, Firefox 2.0

Достаточно ли этого?
может следует проверять в более старых версиях данных браузеров, или еще в каких других? что подскажете?

Antony на работе проверяем в Opera 9.20 (т.к. в 9.0x есть баги связанные с XMLHttpRequest), Firefox 2.0.x.x, IE 6.0, IE 7. И при этом проверяем при разрешениях 1024*768, 1280*1024, 1600*1200, 1200*768(800).
Браузеры основаны на определенных движках, то есть кардинально в парсинге html+css в Firefox 1.0 от 2.0 не отличается. Gecko - это для Mozilla, для остальных не припомню движков. Можно также вспомнить про Safari для Mac (Это тоже надо обязательно смотреть), т.к. скоро выйдет полноценный Safari для Win (Сейчас есть только beta версия). Был по-моему сайт-сервис, который позволял одну страницу показать так, как будто бы были разные браузеры (че-то больше 10 браузеров).

Дык вот... кто-то ж пользуется 9.0х? значит и в нем тоже надо смотреть? ;)

не помнишь урлик?

На сколько мне известно 9.0x и 9.2x не сильно отличаются в плане рендеринга html+css. Отличаются немного в парсинге xml с помощью javascript (У 9.2 работает отлично, в отличие от 9.0)

http://community.livejournal.com/ru_webdev/2039893.html - это тоже в тему

Также вдогонку от меня презентация "Тестирование верстки" от Алексея Рыбакова с РИТ2007 (www.rit2007.ru) Скачать

http://browsershots.org/ - Яндекс как обычно помогает ;) Enjoy your testing ;))

Для того чтобы текст нормально масштабировался везде. Его желательно задавать в относительных единицах em'ах ( : 12em )

Matrix_grek Пиколитры, сантиметры и дюймы тоже везде одинаковы ;)