3 Replies Latest reply on Jun 20, 2008 10:13 AM by

    Footer - Absolute Bottom of page?

    MaxChentrens
      Im realy struggling with positionining my footer in CSS layout at the bottom of every page. Some pages its halfway up the side bars, others its below.

      The problem occurs when I dont have enough content to reach the bottom of the side bars.

      Could somebody please look at the attached CSS layout and suggest what I have to do?

      Much Appreciated in advance.

      Max
        • 1. Re: Footer - Absolute Bottom of page?
          Level 7
          You could put some <br> <p> or   to fill the div, but the reality is
          not everyone is going to have the same viewport, so what may look to be full
          page for you will not be for the next person.


          "MaxChentrens" <webforumsuser@macromedia.com> wrote in message
          news:g2o9bk$mmj$1@forums.macromedia.com...
          > Im realy struggling with positionining my footer in CSS layout at the
          > bottom of
          > every page. Some pages its halfway up the side bars, others its below.
          >
          > The problem occurs when I dont have enough content to reach the bottom of
          > the
          > side bars.
          >
          > Could somebody please look at the attached CSS layout and suggest what I
          > have
          > to do?
          >
          > Much Appreciated in advance.
          >
          > Max
          >
          > body {
          > background: #ECEEDF;
          > margin: 0px;
          > padding: 0px;
          > text-align: justify;
          > color: #000000;
          > min-height:101%;
          > margin-bottom:1px;
          > }
          > .thrColAbsHdr #container {
          > position: relative;
          > width: 100%;
          > background: #ECEEDF;
          > margin: 0 auto;
          > border: 0px solid #EE2711;
          > text-align: left;
          > height: 100%;
          > }
          >
          > .thrColAbsHdr #header {
          > width: 100%;
          > background: #6793DA;
          > padding: 0px 0px 0px 0px;
          > }
          >
          > .thrColAbsHdr #sidebar1 {
          > position: absolute;
          > top: 115px;
          > width: 120px;
          > background: #ECEEDF;
          > padding: 0px 0px 0px 0px;
          > overflow: visible;
          > left: 0px;
          > }
          > .thrColAbsHdr #sidebar2 {
          > position: absolute;
          > top: 115px;
          > right: 0px;
          > width: 170px;
          > background: #ECEEDF;
          > padding: 0px 0px 0px 0px;
          > overflow: visible;
          >
          >
          > }
          > .thrColAbsHdr #mainContent {
          > background: #ECEEDF;
          > margin: 0px 200px;
          > padding: 0px 0px 0px 0px; /
          > }
          > .thrColAbsHdr #footer {
          > font-family: Verdana, Arial, Helvetica, sans-serif;
          > font-size: 8pt;
          > text-align:center;
          > }
          >

          • 2. Footer - Absolute Bottom of page?
            akribie Level 2
            A full-width DIV just before the closing </body> tag styled with clear:both in CSS works for me.
            • 3. Re: Footer - Absolute Bottom of page?
              Nice it is good Improvization Thank you