Проблема переполнения позиционирования в нижнем колонтитуле CSS - PullRequest
Новая
       30

Проблема переполнения позиционирования в нижнем колонтитуле CSS

2 голосов
/ 09 апреля 2011

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

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

Реплицированная проблема

А вот два объекта, которые перекрываются. 

#footer {
    margin: -40px auto 0;
    z-index: 9999;
    border-bottom: none;
    width: 75em;
    height: 3.333em;
    border: .0833em solid #DEDEDE;
    -moz-border-radius-topleft:26px;
    -moz-border-radius-topright:26px;
    -webkit-border-top-left-radius:26px;
    -webkit-border-top-right-radius:26px;
    -moz-box-shadow:0px 0px 20px #000000;
    -webkit-box-shadow:0px 0px 20px #000000;
    box-shadow:0px 0px 20px #000000;
}

#middle {
    width:75em;
    z-index: -1;
    margin:0em auto;
    padding: 15px 0 1.667em 0;
    height: 95%;
    position: relative;
    background-color: rgba(255, 255, 255, .30);
    -moz-border-radius:26px;
    -webkit-border-radius:26px;
    border-radius:26px;
    -moz-box-shadow:0px 0px 20px #000000;
    -webkit-box-shadow:0px 0px 20px #000000;
    box-shadow:0px 0px 20px #000000;
}

1 Ответ

3 голосов
/ 09 апреля 2011

Если я понимаю, что вы пытаетесь сделать правильно, вы пытаетесь не допустить, чтобы нижний колонтитул перекрывал «средний» элемент.Если вы измените это на 

margin: 40px auto 0;

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

...