[themes] IE7 + sticky footer + Navigation = problems

[brendan, fresh-off.com]

I *believe* I figured it out.
The sticky footer site says to use padding to increase vertical height:
"Instead use padding to create spacing inside the element."

 

 I was using 

padding: 1em 0 1em 0;  

 to create some vertical spacing in the navigation div.  I guess IE7 was
allergic to that..  

 

LOL, since I apparently can't use vertical margins OR padding with the
sticky footer, hopefully to keep IE7 happy I don't have to resort to an
oldschool "spacer.gif"..   X-(

 

 

---

brendan, fresh-off.com

Creative Direction & Consultation: Web | Print | Brand

 

http://fresh-off.com

hello at fresh-off.com

206.328.1067





 

From: themes-bounces at drupal.org [mailto:themes-bounces at drupal.org] On Behalf
Of brendan, fresh-off.com
Sent: Monday, March 01, 2010 5:44 PM
To: 'A list for theme developers'
Subject: [themes] IE7 + sticky footer + Navigation = problems

 

Hello Themers,
Here's one for any of you IE sleuths.
I'm working out the basic html for a new theme and attempting to use Sticky
Footer ( http://www.cssstickyfooter.com/ ) .  Except for IE7, I've got it
working in all my test browsers (FF, Opera, Chrome, Safari, IE8..  I'm not
supporting IE6).  

 

Here's what happens in IE7:

First off, the IE7 problem only  happens on long pages where the content
extends below the viewport.  

 

When the page is first loaded, the footer appears normally at the bottom of
the sites content.  However, as soon as you mouse over any of the navigation
links in the navigation div  (#navigation-div), the footer jumps "up" to the
bottom of the browser window and covers the content.  

 

It then stays in the same position if you scroll up or down the page.

 

Here's two pages where the footer jumps when I view it in IE7 with my screen
size set to 1440x900 :  

 

http://alpha.fresh-off.com/blog

http://alpha.fresh-off.com/contact

 

 

Any ideas on how to fix this, or what's going on?

 


---

brendan, fresh-off.com

Creative Direction & Consultation: Web | Print | Brand

 

http://fresh-off.com

hello at fresh-off.com

206.328.1067

 

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/themes/attachments/20100302/fa326475/attachment.html