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.

CSS & HTML: Sticky footer problems in Safari

Bottom of Page

1 to 13 of 13

  1.  
    • CommentAuthormista3
    • CommentTimeMar 19th 2006
     permalink
    Hey folks/folkesses

    I've got a footer which is meant to stick to the bottom of the page - but on long pages in safari it's appearing to high up the screen... not sure how to fix this?

    http://www.paulryding.com/jotter/

    Many thanks

    3stripe
    • CommentAuthormista3
    • CommentTimeMar 19th 2006 edited
     permalink
    Seems to be happening in Firefox too, think I got my code wrong.... I'm also starting to wonder if the fact that the Alistapart method I'm using requires a huge chunk of javascript at the top of each page is 'a bad thing'?

    http://www.alistapart.com/d/footers/footer_dom2.html

    mista3 shuffles back to drawing board
    • CommentAuthorMcJay
    • CommentTimeMar 20th 2006
     permalink
    Lol @ alistapart method. :D All you need is fixed height footer with same value as negative top-margin and a container that's min-height is 100% and your content should have height of footer as padding-bottom + the real padding and the footer should not be in container. Simple as that.

    Here's better explanation. Haven't got my first cup of coffee and I might be a tad confusing.. :)
    http://www.themaninblue.com/experiment/footerStickAlt/
    • CommentAuthormista3
    • CommentTimeMar 20th 2006 edited
     permalink
    Thanks for link :D

    I saw that one before but with no joy, am going to give it another shot though I think!

    Caffeine = bad
    • CommentAuthorMcJay
    • CommentTimeMar 20th 2006 edited
     permalink
    Caffeine + nikotine is the best @ doing this work. My mind's working again. :D

    Take your best shot at it and post the link here if it doesn't work and i'll explain what you did wrong. :)
    • CommentAuthormista3
    • CommentTimeMar 20th 2006 edited
     permalink
    A kind offer, thank you kindly.... was looking at http://www.rn.fi/ - you're based in Finland?
    • CommentAuthorMcJay
    • CommentTimeMar 20th 2006
     permalink
    Yep, here with the polar bears and penquins. ;)

    New version and english translation of rn.fi is coming quite soon. Gonna submit it here once done. :)
    • CommentAuthormista3
    • CommentTimeMar 20th 2006
     permalink
    Cool. I had a look through the site but couldn't make much of it, probably because i'm tyhmä!
    • CommentAuthormista3
    • CommentTimeMar 23rd 2006 edited
     permalink
    Got my footer almost sorted - but now my scrollbar seems to be always on - even on shorter pages like http://tinyurl.com/lsqfa
    • CommentAuthormista3
    • CommentTimeMar 23rd 2006
     permalink
    Doh fixed. Had to get the negative margin's right I think
    • CommentAuthorMcJay
    • CommentTimeMar 24th 2006
     permalink
    Yep.. works just fine now. You didn't even bother to change the default id's.. ;)
    • CommentAuthormista3
    • CommentTimeMar 24th 2006
     permalink
    Busted!
    • CommentAuthormista3
    • CommentTimeApr 5th 2006 edited
     permalink
    Well, I thought this was fixed, but I'm getting some strange behaviour in Firefox v1.0.2

    The footer is going funny and aligning on the right of the page for some reason:

    http://www.3stripe.net/beta/footer_problem_firefox.png

    Not sure why though, as it's fine in v1.5?

    UPDATE.... think it's just a problem with one page -> http://www.paulryding.com/portfolio/ -> might just be some missing div tags...

1 to 13 of 13

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page