Расширить нижний колонтитул страницы - PullRequest
Новая
       0

Расширить нижний колонтитул страницы

1 голос
/ 15 ноября 2011

Я работал над расширением нижнего колонтитула до нижней части страницы, я подошел к нескольким решениям, которые мне дали, но, похоже, он не работает.

Я хочу, чтобы div bottomHalf расширялсяв нижней части страницы в браузере.Но по какой-то причине он продолжает проходить мимо.

Как я могу заставить это работать?Я помещаю рост до 100% в обертку тела и bottomHalf

<style type="text/css">

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #F0E4C9;
    font-family:"Times New Roman", Times, serif;
}

#wrapper {
    margin: 0 auto;
    width: 990px;
    position: relative;
    min-height: 100%;
    height: 100%;
}

#topHalf {
    margin: 0 auto;
    width: 990px;
    height: 435px;
    background-color:#960;
}


#navigation {
    margin: 0 auto;
    width: 990px;
    height: 55px;
    background-color:#0CF;
}

#bottomHalf {
    margin: 0 auto;
    width: 990px;
    min-height: 100%;
    height: 100%;
    background-color: #4d3c37;
    color: #FFF;
}

</style>

<div id="wrapper">
  <div id="topHalf"></div>


  <div id="navigation"></div>


  <div id="bottomHalf">EXTEND THIS TO BOTTOM OF PAGE, GOES TO FAR</div>

</div>

1 Ответ

1 голос
/ 15 ноября 2011 
#bottomHalf {
margin: 0 auto;
width: 990px;
min-height: 100%;
height: 100%;
background-color: #4d3c37;
color: #FFF;
possition: fixed;
bottom: 0;
}
...