Jump to content


Photo

Footer Below Page


  • Please log in to reply
4 replies to this topic

#1 bunnyali2013

bunnyali2013

    Advanced Member

  • Members
  • PipPipPip
  • 44 posts

Posted 29 November 2012 - 03:24 PM

Well, I have a page which has less content. I want to make my footer at full width which is OK, except, I cannot make it down to the page. Look the screenshot below, I want to place it just below the screen. Currently, it is showing below a div.

#footer {
    width:100%;
    background-color:#000000;
}

Attached Files



#2 Love2c0de

Love2c0de

    Advanced Member

  • Members
  • PipPipPip
  • 366 posts
  • LocationThe Pleiades
  • Age:23

Posted 01 December 2012 - 05:59 PM

Can you post your HTML and CSS please? It's hard to help you with only that CSS. It is most likely another element causing it to display there.

Regards,

AoTB.

#3 twistedvengeance

twistedvengeance

    Member

  • Members
  • PipPip
  • 21 posts

Posted 20 December 2012 - 12:00 AM


body{

position: relative;

}

.footer{

position: fixed;

bottom: 10px;

}



#4 MDCode

MDCode

    Advanced Member

  • Members
  • PipPipPip
  • 640 posts

Posted 20 December 2012 - 11:02 AM

Try
body{
position: relative;
}
.footer{
position: fixed;
bottom: 0;
}

Edited by SocialCloud, 20 December 2012 - 11:05 AM.


#5 jardrake

jardrake

    Member

  • Members
  • PipPip
  • 17 posts

Posted 07 January 2013 - 02:39 AM

Maybe you are wanting a sticky footer? http://ryanfait.com/sticky-footer/ The CSS pushes the footer to the bottom of the page even if your content doesn't take the whole page.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com