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

A

Akim89

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

Причем это в независимости в чем задаешь размер в px или em.
 
От этого никуда не денешься. Основные проблемы обычно возникают в IE6. Остается только тестировать отображение во всех браузерах и искать компромиссы в отображении.
 
  • Заблокирован
  • #3
Akim89, как я понял, ты только начинаешь верстать.
Многие браузеры по разному понимают HTML-код.
Если ты хочешь добиться максимально похожего отображения в разных браузерах, то ищи темы про кроссбраузерность (в дольнейшем тебе это понадобится).
А про 1-2 пикселя забуть, найди оптимальный вариант для основных браузеров IE, Опера, Мозила (Лиса).
 
  • Заблокирован
  • #4
Akim89 написал(а):
Как заставить все браузера одинаково понимать размеры в CSS к примеру значение 150 px они понимают по разному/QUOTE]

не совсем так.
1 px одинаков везде. Разница может возникнуть, например, в обработке того же padding (отступ) в разных браузерах. В частности, за счет этого бывают разного рода сдвиги, но уж никак не масштабирование.
Попробуйте здесь посмотреть справочные материалы, если не знакомы с этим сайтом.
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
Нажмите для раскрытия...
 
Попробуйте добавить в самом начале HTML кода:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

подробнее о проблеме различного отображения страниц можно прочитать здесь:
Для просмотра ссылки Войди или Зарегистрируйся
 
Лариса написал(а):
1 px одинаков везде.
Нажмите для раскрытия...

Бредотина. Пиксель везде пиксель. общая ширина складывается иp padding, margin, width, и ширины бордера.

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

а вобще, почитай, про DOCTYPE, Margin, padding и "зависимость width от doctype".
начать отсюда - Для просмотра ссылки Войди или Зарегистрируйся
 
Просто заюзай хак, где укажи так:
width: 150px;
_width: 148px; /* вот тут уже подбирать значения придется, но зато остальные браузеры проигнорируют это, а ие прочитает */
Кстати, этот хак не пройдет валидацию w3. А уж если это критично, то юзать инклуды для разных браузеров
[if IE]><style>...</style>[endif]
 
попробуй задавать размер в процентах. браузер по идее, должен растягивать одинаково и на мониторах с разным разрешением страница будет отображена нормально
 
Просто используй мозилу с модулем web developer, позволят просматривать в различных браузерах, с различным разрешением+много других необходимых приблуд!
 
tolik3 написал(а):
Просто используй мозилу с модулем web developer, позволят просматривать в различных браузерах, с различным разрешением+много других необходимых приблуд!
Нажмите для раскрытия...

Если говорить о девелоперовских расширениях для Firefox-а, то советую также поставить Firebug - очень полезная штука.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху