Во всех страницах такое. Не верстаю, просто учусь. Ну вот столкнулся с проблемой что во всех сайтах есть косяк со шрифтом. windows 7 все одинаково, а в windows 8 ие 9-10 показывает как в 7 а все остальные чуть меньше его делают. Написал простой код , чтобы сравнить, думал косяк в самой верстке. Вот сделал скрины и выложил его на хостинг, чтобы можно было посмотреть, но там ничего нет. Где там может быть косяк? Буду очень благодарен за помощь. Извиняюсь за такой вопрос, понимаю что это ерунда, просто я только учусь.
krasivyikot.zz.mu

Почему такая разница в шрифтах?
[08.10.2013 | 23:21]Комментариев (19)
Оставить комментарий
Для отправки комментария вам необходимо авторизоваться.
а почему там режим браузера ие7 стоит? ну на второй картинке то ли line-height не указан, то ли vertical-align не указано… а вообще ослик он и в африке ослик)
там и ие 7 и ие 10 стоит. Вот в чем суть. Кроссбраузерность та начинается с ие 7. Там и тот и тот браузер.
Вот сам код
почему это кроссбраузерность начинается с ИЕ7? он стар как я не знаю что и им пользуется меньше 2% людей… обычно кроссбраузерность для этого дивного браузера заключается в том что бы контент полностью не развалился) а вообще режим совместимости в старших версиях никогда точно не показывал, то что будет в оригинальном браузере 7й версии, что бы точно убедится можно использовать виртуальную машину(я даже когда-то с заказчиком на эту тему поспорил)… ну и сейчас многие даже ИЕ8 нормально не поддерживают(углы в блоках не скругляют, тени не делают и т.д.)
но тут косяк в ие 10. В чем причина та сама? Я просто уже вымучался в решении проблемы
line-height задать попробуйте и vertical-align:top;
например line-height:18px;
Сделал. Все равно так. А вы не можете у себя посмотреть? Буду благодарен очень. Вот сам архив
1082_Novaja_papkarar.rar
Проблема то в чём? Что длина разная? Так это ты должен понимать, что ширина символа в разных операционных системах, разная, и с этим ни чего поделать нельзя.
ну например заказчик хочет чтобы было одинаково везде в windows 7 и 8. Кроссбраузерно. Как тогда быть?
Ничего не сделаешь, это проблема в рендеринга шрифта в самой ос. остается только регулировать длину блока А если вы управляете ими косвенно (через размеры текста) — погрешности неизбежны. Да и размер шрифта лучше писать в pt(пункт) или em…
ну а почему например тут все хорошо? ВОт сайт https://www.fl.ru/
Увидел, что у них в наборе еще Arial есть. Так сложно сказать в чем причина. А на счет кроссбразернасти , если захочешь, ловить по пикселю в каждом браузере придется такой велосипед написать… Кроссбраузерность предполагает хороший вид сайта, во всех браузерах, а не точное копирование пиксель в пиксель. Относительные единицы в помощь.
да ну я не против что есть даже маленький разбег. Из-за него просто проблемы. Из-за него если делаешь меню то не влезает например в ие из-за большого шрифта. Такое было.
Ну в таких, единичных случаях можно с помощью условных комментариев немного поправить отступы между пунктами.. А вообще в идеале для меню желательно, чтобы был запас.
ясно, ну а что, вообще никак не сделать одинаковым? Я уже примерно понял как можно сделать меню
Иногда, что то не в нашей власти. Шрифты очень «забавная» часть верстки, с ними нужно быть осторожным. Но у меня например, такого рода проблем ни когда не возникала.
всмысле не возникало? А если взять мой код?
я имел ввиду в моей работе.. Всегда все нормально, было. Цель верстальщика не копирование попиксельно, а адаптация…) Разные системы, разные характеристики.. Вот у меня все норм, в вашем коде сравнил хром и ишака №7. Правда в набор еще arial добавил.
такой бок можно увидеть только в windows 8. Ну я впринципи понял. Мне стараться просто делать их близкими к норме
Да конечно. Удачи в начинаниях. Все придет с опытом. А попиксельное соотношение с макетом+ идеальная эластичность и динамика в верстке это просто утопия. То что мы пытаемся сделать, но как и любая утопия, это что то эфирное и слабо похожее на реальность….