Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 10-26-2011, 09:48 AM   PM User | #1
eelucid8
New to the CF scene

 
Join Date: Oct 2011
Location: Chicago
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
eelucid8 is an unknown quantity at this point
sticky footer shifting divs

Hi there,
I'm using a sticky-footer technique at:
www.roadstardesign.com/dojo

Now, it works fine as long as the page is fully vertically expanded and there is no scroll bar present. BUT... when there is a scroll, the header and the footer both shift one pixel to the left, leaving a tall vertical white line to the right of the header, and a shorter vertical white line to the right of the footer. It's so small the client probably wouldn't notice, but personally, I can't deal with it this way. The style sheet in question is located at:
roadstardesign.com/dojo/templates/heionkihakutemplate/css/template.css

I've spent hours trying all the permutations of changing the height of #nudge, changing the negative margin-top of #footer, and the padding-bottom of #container. Nothing seems to solve this problem.

Any thoughts from the peanut gallery? Thanks in advance,
Bill
eelucid8 is offline   Reply With Quote
Old 10-26-2011, 07:16 PM   PM User | #2
htsmith88
New Coder

 
Join Date: May 2011
Posts: 28
Thanks: 6
Thanked 0 Times in 0 Posts
htsmith88 is an unknown quantity at this point
I viewed your site in the latest version of Google chrome and IE 8, both had scroll bars- IE with a horizontal scroll bar, too. I noticed nothing worth the time of fixing. This is a great looking website if you ask me. It's a very small issue. I'd keep moving forward.

Last edited by htsmith88; 10-26-2011 at 07:19 PM..
htsmith88 is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 11:38 PM.


Advertisement
Log in to turn off these ads.