Разное отображение блока в FF разных версий

Romaldo
На сайте с 10.02.2008
Offline
185
462

Здравствуйте!

Словил проблему.

Имеется сайт. На всех свежих браузерах отображение корректное.

Однако, в разных версиях например FF отображается по разному.

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

Нормально отображение блока в FF последней версии:

А вот так выглядит этот же блок в FF 3.6.28 (весенняя версия)

Ссылка на сам сайт http://cl.ly/text/360i2U2A3i0s

Похожая проблема наблюдается в опере, некоторые шрифты выглядят жирнее, что-ли...

Robin_Bad
На сайте с 24.12.2007
Offline
85
#1

у меня такое ощущение, что это вообще шрифты разные

---------- Добавлено 06.09.2012 в 14:33 ----------

есть подозрение, что дело вообще в шрифте Helvetica Neue, который не является web-safe шрифтом: http://www.w3schools.com/cssref/css_websafe_fonts.asp. у кого-то в системе он может стоять, у кого-то - нет, отсюда и разница в отображении. если это всё происходит на одной и той же машине, просто в разных версиях браузера - это странно, но я почти уверен, что копать нужно именно в эту сторону.

Romaldo
На сайте с 10.02.2008
Offline
185
#2

Нет, шрифты одинаковые, так кажется, потому что снимок с FF на mac os.

Тут другое непонятно, там коде даже видно, после каждого телефона стоит </br>

но сброса строки не происходит FF 3.6.28...

I
На сайте с 30.07.2012
Offline
2
#3

Сброс стилей от Yahoo может помочь http://developer.yahoo.com/yui/reset/

Robin_Bad
На сайте с 24.12.2007
Offline
85
#4
romagromov:
Нет, шрифты одинаковые, так кажется, потому что снимок с FF на mac os.
Тут другое непонятно, там коде даже видно, после каждого телефона стоит </br>
но сброса строки не происходит FF 3.6.28...

понял. у вас в HTML-коде ошибок куча, но главным образом:

<span onmouseout="this.style.color = '#ffb1b1';" onmouseover="this.style.color = '#CB260A';">+380 (50) 402-000-6</span> </br>

<span onmouseout="this.style.color = '#ffb1b1';" onmouseover="this.style.color = '#CB260A';">+380 (50) 921-41-18</span> </br>

Тэг BR правильно пишется вот так: <br />, а не </br>

Romaldo
На сайте с 10.02.2008
Offline
185
#5

абалдеть....

а я уже пару лет пишу </br>, меня еще помню по началу это смущало 😂

поменял, все заработало )

Интересно, что другие браузеры выпоняют тег, как я его писал)))

Robin_Bad, спасибо, подскажите как увидеть остальную кучу ошибок?

Robin_Bad
На сайте с 24.12.2007
Offline
85
#6
romagromov:
абалдеть....
а я уже пару лет пишу </br>, меня еще помню по началу это смущало 😂
поменял, все заработало )
Интересно, что другие браузеры выпоняют тег, как я его писал)))


Robin_Bad, спасибо, подскажите как увидеть остальную кучу ошибок?

http://validator.w3.org/

Только сильно не пугайтесь там :)

Romaldo
На сайте с 10.02.2008
Offline
185
#7
Robin_Bad:
http://validator.w3.org/
Только сильно не пугайтесь там :)

Ну там 52 ошибки, в основном модулей чужих...

А например у гугла 26 ошибок, так что не сильно отстаю )))

Robin_Bad
На сайте с 24.12.2007
Offline
85
#8
romagromov:
Ну там 52 ошибки, в основном модулей чужих...
А например у гугла 26 ошибок, так что не сильно отстаю )))

считается, что Гуглу, равно как и Яндексу, можно :) лично я на своих сайтах всё же стараюсь добиваться валидности вёрстки. конечно, иногда ошибки появляются по вине самих же поисковиков. например, код той же гугловской кнопки +1 невалиден по определению. на такие ошибки просто приходится закрывать глаза. но вот, например, ошибки вложенности блочных элементов в строковые - лучше править.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий