CSS, проблемы с размерами

Тема в разделе "Веб-дизайн", создана пользователем Akim89, 3 апр 2008.

Модераторы: zek24
  1. Akim89

    Akim89 Создатель

    Регистр.:
    25 мар 2008
    Сообщения:
    30
    Симпатии:
    0
    Как заставить все браузера одинаково понимать размеры в CSS к примеру значение 150 px они понимают по разному, один брузер на один-два пикселя больше другой меньше, причем это очень четко заметно. Как решить данную проблему?

    Причем это в независимости в чем задаешь размер в px или em.
     
  2. Hammer

    Hammer Постоялец

    Регистр.:
    28 мар 2007
    Сообщения:
    110
    Симпатии:
    22
    От этого никуда не денешься. Основные проблемы обычно возникают в IE6. Остается только тестировать отображение во всех браузерах и искать компромиссы в отображении.
     
    Akim89 нравится это.
  3. spa

    spa Читатель

    Заблокирован
    Регистр.:
    23 окт 2007
    Сообщения:
    112
    Симпатии:
    119
    Akim89, как я понял, ты только начинаешь верстать.
    Многие браузеры по разному понимают HTML-код.
    Если ты хочешь добиться максимально похожего отображения в разных браузерах, то ищи темы про кроссбраузерность (в дольнейшем тебе это понадобится).
    А про 1-2 пикселя забуть, найди оптимальный вариант для основных браузеров IE, Опера, Мозила (Лиса).
     
    Akim89 нравится это.
  4. Лариса

    Лариса Читатель

    Заблокирован
    Регистр.:
    21 сен 2007
    Сообщения:
    390
    Симпатии:
    128
     
    Akim89 нравится это.
  5. sun604

    sun604 Писатель

    Регистр.:
    27 фев 2008
    Сообщения:
    3
    Симпатии:
    2
    Попробуйте добавить в самом начале HTML кода:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    подробнее о проблеме различного отображения страниц можно прочитать здесь:
    Перейти по ссылке
     
    carlitoz нравится это.
  6. somegus

    somegus Создатель

    Регистр.:
    11 апр 2008
    Сообщения:
    21
    Симпатии:
    1
    Бредотина. Пиксель везде пиксель. общая ширина складывается иp padding, margin, width, и ширины бордера.

    Разные браузеры (мозила, опера, ИЕ) по разному включают или не включают этии составляющие только в том, случае, если прописан доктайп "Транзишинал". Если док тайп "Статик", то ВО ВСЕХ браузерах общая ширина рассчитывается как я рассказал выше.

    а вобще, почитай, про DOCTYPE, Margin, padding и "зависимость width от doctype".
    начать отсюда - Перейти по ссылке
     
  7. orfej

    orfej Создатель

    Регистр.:
    13 мар 2008
    Сообщения:
    11
    Симпатии:
    1
    Просто заюзай хак, где укажи так:
    width: 150px;
    _width: 148px; /* вот тут уже подбирать значения придется, но зато остальные браузеры проигнорируют это, а ие прочитает */
    Кстати, этот хак не пройдет валидацию w3. А уж если это критично, то юзать инклуды для разных браузеров
    [if IE]><style>...</style>[endif]
     
  8. Delivery

    Delivery Прохожие

    попробуй задавать размер в процентах. браузер по идее, должен растягивать одинаково и на мониторах с разным разрешением страница будет отображена нормально
     
  9. tolik3

    tolik3 Постоялец

    Регистр.:
    10 июн 2007
    Сообщения:
    84
    Симпатии:
    4
    Просто используй мозилу с модулем web developer, позволят просматривать в различных браузерах, с различным разрешением+много других необходимых приблуд!
     
  10. Hammer

    Hammer Постоялец

    Регистр.:
    28 мар 2007
    Сообщения:
    110
    Симпатии:
    22
    Если говорить о девелоперовских расширениях для Firefox-а, то советую также поставить Firebug - очень полезная штука.