Должен ли центрированный фон соблюдать отступы - PullRequest
Новая
       34

Должен ли центрированный фон соблюдать отступы

1 голос
/ 16 января 2012

Вот фрагмент (если вы используете Opera, проверьте эту ссылку).Как мы видим в браузере webkit, мы видим, что фоновое изображение учитывает отступы при центрировании, и в (по крайней мере, в Firefox и Opera) все идет по-другому.

here it is webkit non-webkit

Итаквозникает вопрос: какое поведение на самом деле является правильным, и, что гораздо важнее, как я могу объединить макет?

UPD: не тратьте свое время на поиск подходящего правилав пресловутых css reset устанавливает, так как уже пробовал)))

1 Ответ

1 голос
/ 16 января 2012

Ваша проблема не в background-origin, а в box-sizing.

Похоже, размер ящика webkit равен content-box, а mozilla border-box, что делает клетку высотой 24kpx (высота).+ обивка + граница) и Mozilla's 200px.А поскольку ваша вертикальная фоновая позиция центрирована, это создает дополнительное вертикальное пространство.Просто установите box-sizing:border-box для согласованности между двумя современными браузерами.

Вот новый: http://dabblet.com/gist/1621656

РЕДАКТИРОВАТЬ: Хотя вышеприведенное исправляет Chrome (webkit), похоже, что оно не исправляет Safari 5.1 (webkit).Похоже, что в каждом браузере есть ошибочные реализации свойства box-sizing для ячеек таблицы.На самом деле, если вы даже посмотрите на раздел «Примечания» MDN , там написано, что box-sizing даже не применяется в Mozilla.

Следовательно, мы должны решить проблему с ростом по-другому,Хорошая новость: согласно CSS2.1 Spec мы должны быть в состоянии определить желаемую высоту из TR.Вот новый вариант, который работает в моих версиях Safari, Chrome и Firefox: http://dabblet.com/gist/1622122

...