Почему настройки полей не работают должным образом на моем веб-сайте? - PullRequest
Новая
       3

Почему настройки полей не работают должным образом на моем веб-сайте?

0 голосов
/ 08 марта 2012

Все настройки полей для контента в основном разделе главной страницы этого сайта, над которым я работаю, отображаются неправильно и перекрывают друг друга.Это вызывает у меня дерьмовую нагрузку раздражения, и я не могу понять, что не так.Пожалуйста, посмотрите и посмотрите, сможете ли вы мне помочь.

еще раз, в основном теле есть 3 раздела, и все они отображаются неправильно!

Вот мой сайт:

http://studentweb.eku.edu/alamaldean_alami/d+m/index.html

Первая проблема заключается в том, что от первого раздела (история) до второго (кнопки) существует дополнительный разрыв в 20 пикселей в дополнение к установленному мею краю, почему это так?случайный пробел (firebug и Google 'inspect element' оба ничего там не показывают, только случайный лишний пробел).

Вторая проблема заключается в том, что секция 'button' должна иметь отступ в 20 пикселей между ним иРаздел 'content-area', поскольку для поля 'content-area' установлено поле с полем 20 пикселей.

Последняя проблема заключается в том, что нижнее поле между разделом 'content-area' и нижним колонтитулом должно быть общим40px, потому что у каждого из них есть запас по 20px.

enter image description here

Ответы [ 2 ]

3 голосов
/ 08 марта 2012

Удалите position: relative из вашего класса .buttons

0 голосов
/ 08 марта 2012

Удалить ниже css из строки класса .buttons 194 style.css 

position:relative;

Добавить этот CSS в строку home.css 3 

.history {
    background: none repeat scroll 0 0 transparent;
    margin: 20px 20px 0;
    padding: 10px;
}

Добавить это в строку style.css 108

.footer {
    padding: 20px 20px 10px;
}

style.css line 102 

.content-area {
    background: url("..//images/transbackc.png") repeat scroll 0 0 transparent;
    margin: 20px 10px;
    padding: 10px 0;
}

home.css line 38 

.services div {
    border-right: 1px solid white;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 250px;
    padding: 9px;
    text-align: center;
    width: 400px;
}

Окончательный вывод вышеуказанного css, см. Изображение ниже:

enter image description here

...