Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorjay0316
    • CommentTimeJun 18th 2007
     permalink
    I'm having some trouble with a disappearing footer link bar. We've kind of narrowed down the problem in the css
    (www.coastalpet.com/blu.css). Around line 79 the #container starts. If you add "position:relative" you'll be able to see the problem. Once you make the change open the index page in IE 6 and scroll down to the bottom, the footer may be there or it may not. If it is, refresh the browser a couple times and try scrolling up and down the page. Eventually it won't be there. Once it is gone, you can roll over one of the links and it comes back up.

    When you delete "position: relative;" and keep !important, the problem seems to
    be fixed. But, if you remove !important, it doesn't work. We also noticed
    that you can put !important on any of the declarations under #container.
    It doesn't have to be on the padding line.

    I would GREATLY appreciate any feedback! Thanks.
    • CommentAuthorPettyRider
    • CommentTimeJun 18th 2007
     permalink
    Try 'zoom: 1'
    • CommentAuthorjay0316
    • CommentTimeJun 18th 2007
     permalink
    I added zoom to the footer div's style, and it appears to have cleared up the problem. I don't understand why it works though. Could you give further explanation so I can understand this better.

    Thanks again!
    • CommentAuthorPettyRider
    • CommentTimeJun 18th 2007
     permalink
    Hrmm... try asking the team at Microsoft.

    But really, I believe zoom: 1 invokes MS's proprietary hasLayout attribute, which can also be done by setting a specific height or width on the element. It seems to fix up a lot of issues involving positioning. It's always the first hack I try.
Add your comments
    Username Password
  • Format comments as (Help)