Как нормализовать отступы и поля в браузерах - PullRequest
Новая
       20

Как нормализовать отступы и поля в браузерах

6 голосов
/ 08 августа 2010

Как другие дизайнеры нормализуют отступы и поля в браузерах. Я пробовал CSS Reset (в настоящее время использую YUI), но я все еще сталкиваюсь с большим количеством несоответствий.

Похоже, что для некоторых элементов в некоторых браузерах установка отступа или поля в 0px заставит браузер использовать отступы по умолчанию и поля, определенные этим браузером. Есть ли способ принудительно сбросить отступы или поля во всех браузерах, чтобы они выглядели единообразно?

Обновление

Как видно из дополнительных исследований и отзывов, почти невозможно заставить сайты выглядеть одинаково в разных браузерах. Я думаю, что я буду использовать CSS Reset и постараюсь лучше планировать свои сайты.

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

Ответы [ 3 ]

1 голос
/ 08 августа 2010

Не стоит дополнительных CSS-взаимодействий и дополнительного кода, чтобы добавить полный набор «нормализующих» элементов padding или margin.

Лучше всего стилизовать то, что вам нужно, явно указав отступы и поля для элементов, которые вы используете на своих страницах.

1 голос
/ 08 августа 2010

Заполнения обычно 0 везде.Это наибольшие дисбалансы среди браузеров.Просто определите свои собственные поля для HTML-блока элементов.Сброс CSS похож на кувалду.Вам нужно переопределить больше, чем только поля.Но это может быть полезно для начинающих, так как они часто не могут на первый взгляд различать встроенные элементы по умолчанию и блочные элементы в HTML.Сброс CSS заставит переопределить один и другой «правильный путь».

Вопросы, относящиеся к этому вопросу:

Тем не менее, если вы продолжаете видеть несоответствия между браузерами, то может случиться так, что вы используете тип документа, который заставляет браузер вводить QuirksMode .В MSIE ошибка модели box тогда ожила бы.Вы хотите использовать строгий тип документа: <!DOCTYPE html>.

См. Также:

1 голос
/ 08 августа 2010

Обычно это решается сбросом CSS, но не все они завершены. В некоторых браузерах общая рамка должна иметь значение 0 (т. Е. Opera и иногда IE), чтобы быть действительно одинаковыми. Попробуйте следующее:

body,html{margin:0;border:0;padding:0;}

Поскольку вы не говорите, какой элемент или не даете ссылку, я не могу слишком углубляться в это. С какими элементами у вас проблемы?

...