Странное поведение CSS

Question

Я делаю HTML и CSS для сайта, и я столкнулся с очень странной ошибкой / поведением, которую не могу определить.

Взгляните на http://www.atelierhsl.nl/antwerp/.Вверху логотипа проходит белая линия.Если я отображаю: нет навигации внизу страницы, она исчезает.Но когда я увеличиваю нижний отступ текстового столбца (.entry-content), он появляется снова.Это происходит в Webkit, Mozilla и IE, поэтому я знаю, что, должно быть, я делаю что-то не так.Я просто не могу понять, что.Кто-нибудь? * * 1005

Answer 1

Это вызвано сглаженной линией сверху фоновых изображений вашего тела (всего 1 пиксель светло-серого цвета). Простой ответ - обрезать его с помощью графического редактора.
Вы можете выровнять изображение к вершине:

background: url("/wp-content/themes/transfer/images/bg.jpg") no-repeat scroll center top #1D1D88

Основная проблема в том, что фоновое изображение не такое большое, как область, которую оно должно покрывать.

Answer 2

Ответ Коби верен, но если вы не возражаете против проектного предложения: вместо того, чтобы помещать черное фоновое изображение в неповторяющуюся верхнюю часть тела, разделите содержимое тела в контейнер и нижний колонтитул.Для фона содержимого используйте фоновое изображение меньшего размера и мозаику, или установите цвет фона на черный, так как кажется, что у вас нет градиента.В этом случае div нижнего колонтитула может иметь белый фон (унаследованный от основного текста или только назначенный напрямую).

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

Answer 3

Я думаю, вы должны вырезать линию в 1 пиксель от фона и повторить ее.Там не будет ошибки, и вы уменьшите вес изображения.

Answer 4

Существует два решения:

1. Только что поменял верхнюю часть кузова с 60 на 40 или
2. изменил положение фона от центра к центру