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

219_8ekdskq96ufa
219_ckqly7jlsju1

Оценить:|
  
Комментировать
Раздел: CSS    
Просмотров: 1243
Комментариев (19)
  1. 1mastodon1
    08.10.2013 в 23:27

    а почему там режим браузера ие7 стоит? ну на второй картинке то ли line-height не указан, то ли vertical-align не указано… а вообще ослик он и в африке ослик)

    • krasivyi-kot
      08.10.2013 в 23:31

      там и ие 7 и ие 10 стоит. Вот в чем суть. Кроссбраузерность та начинается с ие 7. Там и тот и тот браузер.
      Вот сам код

      <!DOCTYPE html>
      <html>
      <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
      <link rel="stylesheet" type="text/css" href="res_css.css">
      <link rel="stylesheet" type="text/css" href="css.css">
      </head>
      <body>
      <p>вуцвакупекринеротртронеророттронтотонгварквер</p>
      </body>
      </html>
      p {
      font: 15px Tahoma, Geneva, sans-serif;
      color: #000000;
      font-stretch: normal;
      font-variant: normal;
      font-weight: normal;
      font-style: normal;
      
      }
      
      • 1mastodon1
        08.10.2013 в 23:52

        почему это кроссбраузерность начинается с ИЕ7? он стар как я не знаю что и им пользуется меньше 2% людей… обычно кроссбраузерность для этого дивного браузера заключается в том что бы контент полностью не развалился) а вообще режим совместимости в старших версиях никогда точно не показывал, то что будет в оригинальном браузере 7й версии, что бы точно убедится можно использовать виртуальную машину(я даже когда-то с заказчиком на эту тему поспорил)… ну и сейчас многие даже ИЕ8 нормально не поддерживают(углы в блоках не скругляют, тени не делают и т.д.)

        • krasivyi-kot
          08.10.2013 в 23:54

          но тут косяк в ие 10. В чем причина та сама? Я просто уже вымучался в решении проблемы

          • 1mastodon1
            09.10.2013 в 00:13

            line-height задать попробуйте и vertical-align:top;
            например line-height:18px;

            Оценить:|0
              
          • krasivyi-kot
            09.10.2013 в 00:16

            Сделал. Все равно так. А вы не можете у себя посмотреть? Буду благодарен очень. Вот сам архив

            Оценить:|0
              
  2. Иван Кирюхин [kendrive]
    09.10.2013 в 07:00

    Проблема то в чём? Что длина разная? Так это ты должен понимать, что ширина символа в разных операционных системах, разная, и с этим ни чего поделать нельзя.

  3. dimka
    Dimka Klusevich [dimka]
    09.10.2013 в 11:12

    Ничего не сделаешь, это проблема в рендеринга шрифта в самой ос. остается только регулировать длину блока А если вы управляете ими косвенно (через размеры текста) — погрешности неизбежны. Да и размер шрифта лучше писать в pt(пункт) или em…

  4. dimka
    Dimka Klusevich [dimka]
    09.10.2013 в 21:34

    Увидел, что у них в наборе еще Arial есть. Так сложно сказать в чем причина. А на счет кроссбразернасти , если захочешь, ловить по пикселю в каждом браузере придется такой велосипед написать… Кроссбраузерность предполагает хороший вид сайта, во всех браузерах, а не точное копирование пиксель в пиксель. Относительные единицы в помощь.

    • krasivyi-kot
      09.10.2013 в 21:36

      да ну я не против что есть даже маленький разбег. Из-за него просто проблемы. Из-за него если делаешь меню то не влезает например в ие из-за большого шрифта. Такое было.

  5. dimka
    Dimka Klusevich [dimka]
    09.10.2013 в 22:03

    Ну в таких, единичных случаях можно с помощью условных комментариев немного поправить отступы между пунктами.. А вообще в идеале для меню желательно, чтобы был запас.

  6. dimka
    Dimka Klusevich [dimka]
    10.10.2013 в 10:19

    Иногда, что то не в нашей власти. Шрифты очень «забавная» часть верстки, с ними нужно быть осторожным. Но у меня например, такого рода проблем ни когда не возникала.

  7. krasivyi-kot
    10.10.2013 в 15:02

    всмысле не возникало? А если взять мой код?

  8. dimka
    Dimka Klusevich [dimka]
    10.10.2013 в 15:28

    я имел ввиду в моей работе.. Всегда все нормально, было. Цель верстальщика не копирование попиксельно, а адаптация…) Разные системы, разные характеристики.. Вот у меня все норм, в вашем коде сравнил хром и ишака №7. Правда в набор еще arial добавил.

    1100_Untitled2jpg

    • krasivyi-kot
      10.10.2013 в 15:29

      такой бок можно увидеть только в windows 8. Ну я впринципи понял. Мне стараться просто делать их близкими к норме

  9. dimka
    Dimka Klusevich [dimka]
    10.10.2013 в 15:38

    Да конечно. Удачи в начинаниях. Все придет с опытом. А попиксельное соотношение с макетом+ идеальная эластичность и динамика в верстке это просто утопия. То что мы пытаемся сделать, но как и любая утопия, это что то эфирное и слабо похожее на реальность….

Оставить комментарий