ТвойWeb :: Версия для печати :: Один шрифт в разных браузерах

1. KreZ - 29 Июня, 2006 - 03:13:48 - перейти к сообщению

Я делаю новый дизайн для сайта (пример тут http://evanescence-ua.com/1/ ) и указал в CSS вот такой код:

CODE:

BODY {
scrollbar-base-color: #858585;
scrollbar-face-color: #2A0B39;
scrollbar-arrow-color: #858585;
scrollbar-3dlight-color: #858585;
scrollbar-darkshadow-color: #858585;
scrollbar-shadow-color: #858585;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
FONT-FAMILY: Courier New;
color: #858585;
font-size: 12 px;
BACKGROUND-COLOR: #2A0B39;
}

Но в трех браузерах (Opera, IE, Mozilla) шрифты отображаются по разному. В Mozilla шрифт шире чем в Opera, а в IE он вообще гиганский...
Может кто знает как сделать, что бы в этих браузерах шрифт отображался одинакого?

PS В старой версии сайта с таким шрифтом все работает (http://evanescence-ua.com).
PPS Юзал поиск, не нашел Улыбка

2. Ray Wen - 29 Июня, 2006 - 04:13:30 - перейти к сообщению

KreZ
Это ты так прикалываешся или рекламой занимаешся? Разницы в шрифтах не заметил, зато куча окошек повыскакивало (в IE) и уйма рекламы на странице порадовало... Я бы влепил тебе шраф...

3. KreZ - 29 Июня, 2006 - 04:52:26 - перейти к сообщению

Вот как этот шрифт вижу я через свои браузеры.
IE: http://img103.imageshack.us/img1...3/6388/ie8uu.jpg
Opera: http://img207.imageshack.us/img2...062/opera2rm.jpg
Mozilla: http://img103.imageshack.us/img1...6/mozilla2td.jpg

Разница между IE и остальными браузерами ясно видна. А между Opera и Mozilla не так бросается в глаза, но все-равно есть.

ЗЫ Реклама там всего одна - плата за мини-чат на старом сайте. Я его удалю потом.

4. KreZ - 29 Июня, 2006 - 05:33:18 - перейти к сообщению

Что-бы лучше была видна разница поменял шрифт на

CODE:

font-size: 12 px;
FONT-FAMILY: Georgia, Times New Roman, Times, serif;

Теперь явно видно, что IE слишком увеличивает текст.

5. Анна - 29 Июня, 2006 - 05:45:01 - перейти к сообщению

KreZ
Почитай тут:
http://tvoyweb.ru/forums/topic.p...=3&topic=342

6. Ray Wen - 29 Июня, 2006 - 05:49:01 - перейти к сообщению

KreZ
Скорее всего у тебя такие настройки браузера IE, по тому он шрифт по умолчанию делает больше чем у остальных браузеров... Еще один момент, ты указываешь размер шрифта для BODY, это не действует на то что находится внутри таблицы. Вынеси настройки шрифта отдельно как BODY,TD{...}

7. KreZ - 29 Июня, 2006 - 06:14:13 - перейти к сообщению

Ray Wen
Спасибо, причина была именно в BODY и TD.
Добавление в CSS такого элемента

CODE:

TD{
FONT-FAMILY: Georgia, Times New Roman, Times, serif;
color: #858585;
font-size: 14 px;
}

исправило ситуацию для Opera и IE.

Но Mozilla почему-то не отреагировала...

8. Ray Wen - 29 Июня, 2006 - 06:50:49 - перейти к сообщению

KreZ
Значит выкинь Mozill'y, она у тебя не правильная... Улыбка

FF 1.5 показывает туже картинку что и Opera...

9. KreZ - 29 Июня, 2006 - 11:09:50 - перейти к сообщению

Спасибо.
Вопрос на засыпку: как сделать фиксируемый текст?

10. Ray Wen - 29 Июня, 2006 - 12:14:25 - перейти к сообщению

KreZ
Всмысле?