2013-09-28 4 views
0

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

Может ли кто-нибудь выяснить, что я могу сделать, чтобы избавиться от него.

Сайт находится на http://www.joekellywebdesign.com/churchsample/home.html.

+0

Вы имеете в виду между баннером и контентом? Белая полоса горизонта? –

+0

установка 'font-size: 0;' в оболочку устраняет разрыв между баннером и контентом. возможно, это поможет кому-то понять причину. – avrahamcool

+0

Кроме того, он выглядит правильно в режиме quirks, хотя и не центрирован. –

ответ

2

, если вы говорите о белом пространстве между #banner и #content это решение

добавить переполнение: скрытый; для #wrapper и

#footer { 
    float: left; 
    height: 79px; 
    text-align: center; 
    width: 900px; 
} 
+0

Это сделало трюк. Огромное спасибо. –

1

Предполагая, что вы говорите о #wrapper div, у него есть margin: 10px auto. Первый - верхний край (10px). <p> внутри нижнего колонтитула также имеет поля по умолчанию, которые необходимо удалить.

1

Несколько часов, потребовалось некоторое время, чтобы понять это.

Если вы принимаете о пространстве между #banner и #content, разрывом возникает из-за ваши плавающие элементы, то p не плавает, а не очищая, поэтому он просто обычный блочный элемент, который это необходимо содержанием " поток "рядом с плавающими элементами. , заставляя p «проглотить» ваши плавающие div, тогда он по умолчанию добавляет маржу/заполнение, заставляя все двигаться.

исправление очень просто, просто добавьте это в свой CSS.

#footer p 
{ 
    clear: both; 
} 
Смежные вопросы