2014-01-13 1 views
0

Трудно сформулировать краткое название. Случается, что фоновый цвет центрированного div продолжается до левого и правого краев экрана, а фоновый цвет тела игнорируется или переопределяется.Маржа: 0 auto на мобильных телефонах всегда устанавливает маржу фонового цвета на элемент background-color

Я использую двадцать девятую тему для этого document.

Он устанавливает ширину, меньшую ширины, и использует margin: 0 auto для центрирования разделов содержимого.

В стандартном встроенном компоненте веб-представления в нашем приложении на Iphone и Android автоматический край (левый и правый) не становится фоном цвета тела, а белый. Между элементами в div div отображается правильный фоновый цвет через их поля.

Кроме того, Chrome на Android показывает одинаковые белые поля.

У обоих ведущих разработчиков ОС решили, что их соответствующие -тышки должны это сделать или что происходит? Обратите внимание, что валидатор CSS генерирует сотни ошибок - ну, программирование подходящей темы с нуля не входит в бюджет для этого проекта.

Если вы можете ссылаться на веб-страницу, где это работает, я могу настроить загрузку этого веб-представления и проверить.

+0

Возможно, это цвет фона по умолчанию для веб-просмотра. Вы пытались изменить цвет фона веб-браузера? –

+0

Пробовал это сейчас, но это не помогло. Я изменил фоновый цвет центрированного div, и как в Chrome Mobile, так и в веб-представлении приложения, он принимает этот цвет и расширяет его до левого и правого краев дисплея. –

ответ

0

A background-color установлен на нескольких классах.

.entry-header, .entry-content, .entry-summary, .entry-meta { 
    background-color: #ffffff; 
    margin: 0 auto; 
    max-width: 604px; 
    width: 100%; 
} 

Удалить background-color, и проблема будет исправлена.

+0

Да, это центрированный элемент. Меня беспокоит цвет фона тела вокруг него, в левом и правом краях. Просто я хочу установить цвет фона для тела и некоторый другой фоновый цвет для некоторых внутренних элементов. –

+0

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

+0

U может установить фоновый цвет на вашем теле, но затем вы увидите две тонкие линии слева и справа. Это то, что вы имели ввиду? Это из-за того, что вы установили на класс. – SKeurentjes

Смежные вопросы