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

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

№124-07-2005 17:31:10

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

CSS и разное отображение шрифтов

Готовлю сайт. Размер шрифта в абзаце задаю в таблице 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?

Отсутствует

 

№224-07-2005 18:08:48

cr@nk
Участник
 
Группа: Extensions
Откуда: Челябинск
Зарегистрирован: 03-04-2005
Сообщений: 1412

Re: CSS и разное отображение шрифтов

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

Отсутствует

 

№324-07-2005 19:44:37

qborrd
Участник
 
Группа: Members
Откуда: Saint-Petersburg
Зарегистрирован: 25-06-2005
Сообщений: 80
Веб-сайт

Re: CSS и разное отображение шрифтов

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

Выделить код

Код:

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

Отсутствует

 

№424-07-2005 20:50:35

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

Re: CSS и разное отображение шрифтов

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

Отсутствует

 

№525-07-2005 14:16:53

vladmir
SeaMonkey - вот это браузер
 
Группа: Extensions
Откуда: НН
Зарегистрирован: 16-10-2004
Сообщений: 4630

Re: CSS и разное отображение шрифтов

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 отображение размеров шрифтов разное.

Отсутствует

 

№626-07-2005 00:57:01

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

Re: CSS и разное отображение шрифтов

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

Отсутствует

 

№726-07-2005 01:10:38

igorsub
бедняжечка бедняжная
 
Группа: Extensions
Откуда: Мурманск
Зарегистрирован: 03-04-2005
Сообщений: 6373
Веб-сайт

Re: CSS и разное отображение шрифтов

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

Отредактировано igorsub (26-07-2005 01:10:57)


От оно че!

Отсутствует

 

№826-07-2005 06:53:02

cr@nk
Участник
 
Группа: Extensions
Откуда: Челябинск
Зарегистрирован: 03-04-2005
Сообщений: 1412

Re: CSS и разное отображение шрифтов

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

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

Отсутствует

 

№926-07-2005 13:21:46

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

Re: CSS и разное отображение шрифтов

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

Отсутствует

 

№1026-07-2005 15:14:37

igorsub
бедняжечка бедняжная
 
Группа: Extensions
Откуда: Мурманск
Зарегистрирован: 03-04-2005
Сообщений: 6373
Веб-сайт

Re: CSS и разное отображение шрифтов

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

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

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

Отредактировано igorsub (26-07-2005 15:37:54)


От оно че!

Отсутствует

 

№1126-07-2005 15:30:30

cr@nk
Участник
 
Группа: Extensions
Откуда: Челябинск
Зарегистрирован: 03-04-2005
Сообщений: 1412

Re: CSS и разное отображение шрифтов

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

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

Отсутствует

 

№1226-07-2005 15:36:14

igorsub
бедняжечка бедняжная
 
Группа: Extensions
Откуда: Мурманск
Зарегистрирован: 03-04-2005
Сообщений: 6373
Веб-сайт

Re: CSS и разное отображение шрифтов

он удалил IE

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


От оно че!

Отсутствует

 

№1326-07-2005 15:51:04

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

Re: CSS и разное отображение шрифтов

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

Отсутствует

 

№1426-07-2005 16:44:02

igorsub
бедняжечка бедняжная
 
Группа: Extensions
Откуда: Мурманск
Зарегистрирован: 03-04-2005
Сообщений: 6373
Веб-сайт

Re: CSS и разное отображение шрифтов

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 эта строчка не действует. Сотри ее и посмотри, что получится.


От оно че!

Отсутствует

 

№1526-07-2005 16:56:06

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

Re: CSS и разное отображение шрифтов

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

Отсутствует

 

№1626-07-2005 18:10:34

vladmir
SeaMonkey - вот это браузер
 
Группа: Extensions
Откуда: НН
Зарегистрирован: 16-10-2004
Сообщений: 4630

Re: CSS и разное отображение шрифтов

Mirabo

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

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

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

Отсутствует

 

№1726-07-2005 21:53:37

igorsub
бедняжечка бедняжная
 
Группа: Extensions
Откуда: Мурманск
Зарегистрирован: 03-04-2005
Сообщений: 6373
Веб-сайт

Re: CSS и разное отображение шрифтов

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


От оно че!

Отсутствует

 

№1827-07-2005 05:48:46

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

Re: CSS и разное отображение шрифтов

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

Отредактировано Mirabo (27-07-2005 05:50:03)

Отсутствует

 

№1927-07-2005 06:13:56

igorsub
бедняжечка бедняжная
 
Группа: Extensions
Откуда: Мурманск
Зарегистрирован: 03-04-2005
Сообщений: 6373
Веб-сайт

Re: CSS и разное отображение шрифтов

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

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


От оно че!

Отсутствует

 

№2027-07-2005 09:41:54

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

Re: CSS и разное отображение шрифтов

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

Отсутствует

 

№2127-07-2005 16:00:56

igorsub
бедняжечка бедняжная
 
Группа: Extensions
Откуда: Мурманск
Зарегистрирован: 03-04-2005
Сообщений: 6373
Веб-сайт

Re: CSS и разное отображение шрифтов

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


От оно че!

Отсутствует

 

№2227-07-2005 17:41:11

vladmir
SeaMonkey - вот это браузер
 
Группа: Extensions
Откуда: НН
Зарегистрирован: 16-10-2004
Сообщений: 4630

Re: CSS и разное отображение шрифтов

Mirabo

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

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

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

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

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

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

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

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

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

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

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

Отсутствует

 

№2327-07-2005 21:46:29

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

Re: CSS и разное отображение шрифтов

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

Отредактировано Mirabo (28-07-2005 00:00:12)

Отсутствует

 

№2428-07-2005 09:39:54

vladmir
SeaMonkey - вот это браузер
 
Группа: Extensions
Откуда: НН
Зарегистрирован: 16-10-2004
Сообщений: 4630

Re: CSS и разное отображение шрифтов

Mirabo

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

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

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

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

Отсутствует

 

№2528-07-2005 10:40:22

Mirabo
Участник
 
Группа: Members
Зарегистрирован: 11-12-2004
Сообщений: 17

Re: CSS и разное отображение шрифтов

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

Отредактировано Mirabo (28-07-2005 12:22:45)

Отсутствует

 

Board footer

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