SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: Gap in Footer

  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2007
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Gap in Footer

    Hi Guys,

    If someone could have a quick look at my footer i would greatly appreciate it:

    http://donegalrental.com/

    There is a gap at the bottom about 4px in height, that I'm trying to remove. Any ideas?

    Thanks,

    Paul

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,121
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Your background image is 218px tall, but you have set the footer height at 225px, hence the white gap at the bottom. Just adjust the footer height to 218px.

    Code:
    #footer {
      background-image: url("http://www.sitepoint.com/forums/images/gradient-footer.gif");
      background-repeat: repeat-x;
      float: left;
      height: 218px;
      margin-bottom: 0;
      margin-top: 25px;
      width: 100%;
    }
    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."

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2007
    Posts
    63
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ralph.m

    Paul


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
  •