SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jul 2010
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Sticky footer issue

    Hi Guys,

    I have managed to get my footer to stick at the bottom of the page using the below method:-

    Sticky Footer at Bottom

    But my #content div has a border on the left and right and I basically also want that to expand to same height as the #wrapper.

    All help will be greatly appreciated.

    My site: books | rare business

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,657
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Using this same technique http://www.visibilityinherit.com/cod...ns-withcss.php you can just put two extra AP divs at the bottom to hold the borders.

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,387
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Yes as Eric said above you can use an overlay technique and indeed someone asked for multiple equal borders the other week which resulted in this demo.

    Or you could remove the header from the wrapper and then drag the main container underneath the header much the same as in this example which allows the normal borders to be full height.

  4. #4
    SitePoint Member
    Join Date
    Jul 2010
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks paul... your solution helped very much and solution resolved.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •