Готовлю сайт. Размер шрифта в абзаце задаю в таблице CSS: p {font-size: 75%; } - так примерно. В Explorer все выглядит нормально, в FireFox текст выглядит значительно меньше.  При задании  p {font-size: 0.9em; } картина противовположная: в Eplorer текст выглядит неколько большим, тогда как в FireFox - нормальным. Подскажите, как сделать так чтобы текст одинаково по размеру отображался в обоих браузерах (как например _http://www.gazeta.ru/2005/07/22/oa_164928.shtml, где размер шрифта так же задается череp стиль с тем же значением).
И еще дополнительный вопрос: через стиль элементу <hr> (линия) в Explorer можно задать цвет, а FireFox цвет линии не отображает. Как можно это сделать и FireFox?

Посмотри статьи на http://www.visualtek.co.uk/
и проверяй свёрстанные страницы и CSS на http://jigsaw.w3.org/css-validator/ и http://validator.w3.org/

Mirabo
забей на ие, у него рендеринг страницы своеобразный, вообщем такой какой не должен быть, геко рендерит все правильно и отображаться одинакого будет и на маке и на линуксе, если есть одинаковые шрифты.
Про <hr /> можно очень сильно извратится и сделать такое:

Выделить код

Код:

hr {background-color: gainsboro; border-style: none;}

To qborrd Да, я забил бы на IE. но вот беда: 80% пользователей, все еще никак с ним расстаться не могут.
Vik Валидаторами я уже проверил - проблем нет. Но отображение различное. А вот за ссылку -  спасибо!

How do I style an hr?
http://www.saila.com/usage/tips/defn.shtml?hr

Styling <hr>
http://www.sovavsiti.cz/css/hr.html

Шрифты через проценты и em не задаю - или px или словами.

У ИЕ 5 и ИЕ 6 отображение размеров шрифтов разное.

vladmir Спасибо за ссылки, прочитаю, но с HR я разобрался. А вот, что касается в каких единицах задавать размер шрифта - в корне не соглашусь. Я тоже задавал либо пунктами, либо пикселями, либо словами, а потом посмотрел, как это делают люди профессиональнее меня и стал задавать только либо в процентах, либо в em. Вот статья по этому поводу: _http://www.sitepoint.com/article/css-anthology-tips-tricks-2 (там на английском, но разобраться не сложно).

Mirabo
Покопался с размерами шрифта, попробовал и 75% и 0.9em В Firefox и в IE все отображается одинакого.

Да, я забил бы на IE

Тогда помести настраницу баннер "Оптимизировано для FF", чтобы потом жалобные письма от фанатов IE не получать :cool:

To igorsub  Привожу пример: _http://www.ulovka22.ru/texts/society/?text=9 Абзацы заданы через стиль с размером 0.9 em.  В FF и IE отображение различное. (Сайт прошу сторого не судить - все в разработке, тексты - просто болванки).
To Vic Лучше я банер повешу "Люди, пользуйтесь рулевым FF! Выкорчовывайте IE из ваших операционных систем!" :)

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

Выкорчовывайте IE из ваших операционных систем!

А вот это сложно. :)

А вот это сложно.

Оффтоп:
Где-то на форуме один умелец заявил, что чтобы заставить FF работать, он удалил IE :P

он удалил IE

...вместе с Windows и поставил Linux. :lol:

To igorsub  Вот путь _http://www.ulovka22.ru/css/texts.css , но, собственно, там все в порядке. Я вот думаю, что это различие, может быть, возникает из-за того что абзац определяется основным классом, а следовало бы как chaild класс. В тех примерах, которые я рассматривал  это именно так и было.

Mirabo
В общем так. В Firefox текст выглядит меньше из-за:

Выделить код

Код:

td.texts {
	font-size: small;
	padding-left: 30px;
	padding-right: 50px;
	padding-top: 25px;
	text-align: left;
	vertical-align: top;
}

Конкретно из-за "font-size: small;" в text.css На IE эта строчка не действует. Сотри ее и посмотри, что получится.

igorsub Блин, ну, как я не заметил - вот что значит свежий взгляд. Сейчас в он-лайне поменяю.  Спасибо, огромное!

Mirabo

а потом посмотрел, как это делают люди профессиональнее

А другие люди, не менее профессиональные, делают по-другому. Идеального варианта нет. Кстати, я не в агитационных целях про пиксели написал, а так, в добавок.

Проценты берутся от базового размера - может он как-то задан не так?
Доктайпы ещё по-разному работают в разных браузерах.

Mirabo
И правильней будет Лени, а не Лина Рефиншталь.

igorsub Спасибо, фотографии брались первые попавшиеся от балды. Но насчет имени ты не совсем прав: Лина - это русская трансформация ее имени, а на самом-то деле - Лени. Даже сайт когда-то был ее: _http://www.leni-riefenstahl.de/ , сейчас уже не работающий.
vladmir Что касается единиц измерения, то размер шрифта заданный в пикселях и пунктах, при изменения вида размера шрифта в IE остается неизменным, тогда как заданный в em и процентах увеличивается или уменьшается в зависимости от настроек юзера - это, конечно, мелочь, но считается хорошим тоном, поскольку учитываются различия зрения разных людей.

а на самом-то деле - Лени.

А я что сказал?

igorsub Прости, это я спросонья не заметил. :) На сайте этих фото не будет - все для проверки. Понимаю, что офф-топ, но дизайн сайта хоть ничего?

Да вроде пока претензий нет. ;)

Mirabo

Лина - это русская трансформация ее имени, а на самом-то деле - Лени.

Всегда по-русски говорят Лени и никогда другое. Нет такой "русской трансформаци".

Что касается единиц измерения, то размер шрифта заданный в пикселях и пунктах, при изменения вида размера шрифта в IE остается неизменным

В пикселях полезно для меню - чтоб не разъезжалось.

тогда как заданный в em и процентах увеличивается или уменьшается в зависимости от настроек юзера

И заданный словами шрифт тоже меняется из меню ИЕ.

это, конечно, мелочь, но считается хорошим тоном, поскольку учитываются различия зрения разных людей.

Полностью поддерживаю, только с меню бывают сложности.

Своё зрение учитываю просто - выставил в Мозилле минимальный шрифт 16px. Кстати, где-то попадалось, что 16px то ли дефолтный, то ли базовый размер шрифта. Без настроек он и есть "Средний", 100% и др.

дизайн сайта хоть ничего?

Большой простор для улучшений.))

vladmir Про меню спора нет - задается жестко. Что касается "выставил в Мозилле минимальный шрифт 16px" - но не все же лезут в опции, а учитывать следует всех.
"Большой простор для улучшений" - поясни поподробнее  (хотя и офф-топик - да, простят меня модераторы! :) )

Mirabo

а учитывать следует всех.

Конечно. Кстати, нужно учитывать и тех, у кого 16px принудительно в браузере для всех шрифтов. Не случайно же это дефолтный размерчик в браузере.
Идеально не сделаешь, но часто бывает компромиссное решение.

поясни поподробнее

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

vladmir Конечно без претензий - "у них своя свадьба, а у нас - своя". Хотя, все эти сайты тоже просматривались, когда задумывалось. Мне, к примеру, по верстке, приглянулась - газета.ру - очень сделано грамотно.
Если,  в самом деле, в кратце есть замечания - можно на мыло.

Mirabo
А мне понравилось содержание сайта - занёс в закладки  :)
Достаточно интересно пишут авторы на уловке22.
Прошу извинить за офф-топ.

ioppp Да, рано бы еще в закладки - там и контента пока нет - одни болванки