SitePoint Sponsor

User Tag List

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

    Can't get border to extend to footer

    the site is alexgerber.com

    I'm trying to get the dashed line on the left to touch the footer, but it only extends as far as the twitter widget goes... any ideas?

  2. #2
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Just put a div at the bottom. Position absolute it with top/bottom zero and border-left 1px solid. Of course position relative the main container.

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,112
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Hi gerbera. Welcome to SitePoint.

    Another option is to use a repeating background image with the faux columns method. It will be slightly trickier in that you have a fluid page, so it might also we worth setting max and min widths.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,281
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You can't use 100% height on your main wrapper because that will limit it to 100% and effectively never grow. The CSS faq (see my sig) explains how to use the 100% height and you need min-height:100% instead.

    It seems you are also using a sticky footer but your version is broken in IE7 and under so you may want to look at the css faq again as there is a better (if more complicated) sticky footer method that works almost everywhere.

    I would also suggest that you make our left column a fixed pixel width because the elements inside it are too big almost immediately for the content (or at least set a min-width in pixels).


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
  •