Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts

    sticky footer having problems, but only on select pages

    Hey everyone,

    I seem to be experiencing a problem with my sticky footer, but only on the sales and photo pages on the given site below. when you shrink the browser, and then scroll down on these pages, you will see a nasty gap that seems to get bigger the more you shrink the browser (vertically, not horizontally). Anyone have any ideas why this is happening? This issue does not exist on the other pages?? Super stumped! Any help would be great!

    Thanks in advance

    http://usaudioandlighting.gorillaonemedia.com/sales

    and

    http://usaudioandlighting.gorillaonemedia.com/photos
    "The problem with troubleshooting is that trouble shoots back."

  • #2
    Regular Coder
    Join Date
    Dec 2010
    Posts
    424
    Thanks
    22
    Thanked 56 Times in 56 Posts
    Take out Float:left;
    inside of

    div.shop {
    float: left;
    margin-left: 42px;
    width: 958px;
    margin-bottom: 40px;
    }

  • Users who have thanked aaronhockey_09 for this post:

    eberdome (06-28-2012)

  • #3
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    Awesome! thank you for the reply. Taking float:left; out of div.shop worked perfectly. However, on the photo page, I have to use float:left and float:right. Its funny too because on the home page, I have the left div with a float:left; and the right div with a float:right and this problem does not exist on that page! Really weird!
    "The problem with troubleshooting is that trouble shoots back."

  • #4
    Regular Coder
    Join Date
    Dec 2010
    Location
    California
    Posts
    201
    Thanks
    30
    Thanked 8 Times in 8 Posts
    RESOLVED! added an empty div with clear:both; below both floating divs on the photo page! cleared the problem right up! thanks for your help!
    "The problem with troubleshooting is that trouble shoots back."


  •  

    Tags for this Thread

    Posting Permissions

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