2011-01-21 5 views
-1

здесь образец HTML:При наезде, почему сноска перекрывает его предшествующее содержание

<div id = "mainWrapperDiv"> 
    <div id = "mainDiv"> 
     <div> testing </div> 
    </div> 
</div> 
<div id = "footerDiv"> 
</div> 

его CSS:

* 
{ 
    padding:   0px; 
    margin:    0px; 
} 

body, html 
{ 
    height:    100% 
} 

div 
{ 
    border:    none; 
} 

#mainWrapperDiv 
{ 
    min-height:   100%; 
    height:    100%; 
    margin-bottom:  -200px; 
} 

#mainDiv 
{ 

    margin:    0px auto 0px auto; 
    width:    1000px; 
    min-height:   500px; 
    background:   lightgreen; 
} 



#footerDiv 
{ 
    height:    200px; 
    width:    100%; 
    position:   relative; 
    clear:    both; 
    background:   lightblue; 
} 

ответ

1

Какой липкий нижний колонтитул вы используете? Как выглядит ваш код? Вы можете попробовать

http://www.cssstickyfooter.com/

+0

Да, я действительно, на самом деле это липкий код нижнего колонтитула, который он использует, и он все еще перекрывает div при масштабировании на веб-странице, НЕ ВЗЯТЬ ОКНО БРАУЗЕРА, увеличивая масштаб. – dave

+2

Не происходит в Chrome. Какой браузер вы используете? –

+0

Хорошо, вы попробовали масштабирование? Попытайтесь или оперу и увеличьте масштаб, и, в конечном счете, с помощью кода выше, липкий нижний колонтитул и другие divs будут перекрываться. – dave

0

Поскольку положение устанавливаются в относителен. а также margin-bottom: -200px;

+0

Я взял относительное и до сих пор вопрос. – dave

+0

margin-bottom: -200px; Это, вероятно, тоже не помогает. – profitphp

+0

да, но это то, как он поддерживает нижний колонтитул внизу страницы .... – dave

0

Это из-за вашего margin-bottom в #mainWrapperDiv. Если вы это выберете, похоже, все будет хорошо. Проверьте это http://jsfiddle.net/kA6XJ/

+0

, что ничего не решило. – dave

+0

Каким образом это не помогло? Для меня кажется, что зеленый цвет больше не перекрывает синий цвет ... –

+0

Не говоря уже о том, что если вы выберете отрицательный запас, он сделает нижний колонтитул не прилипающим к низу или в основном в конце основного содержимого. – dave