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 8 of 8
  1. #1
    New Coder
    Join Date
    Jan 2008
    Posts
    20
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Trouble getting the footer in the right place

    I'm having some trouble getting the footer of my forums where I want it to be.

    Here's my stylesheet: http://www.ottens.co.uk/lounge/style/Gatehouse.css

    I've tried setting a "relative" or "absolute" position on the footer class, but that puts the footer right below the header, on top of the container ("page"). Right now, it's actually behind the "page", in the same place. I can't set a definite top-margin on it, because the pages are always of a different height...

    Can anyone help?

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Remove position:absolute from your .primary and .secondary divs. Position;absolute will take the element completely out of the flow of the document, so the footer will start immediately after the header, as it does now.

  • Users who have thanked SB65 for this post:

    Ottens (11-02-2009)

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello Ottens,
    A lot of times, just adding clear:both; will cure footer problems like you're describing.
    Your site still has the same problem as your last post... I hit refresh a couple times and it didn't go away anyway. You should update the online version.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Ottens (11-02-2009)

  • #4
    New Coder
    Join Date
    Jan 2008
    Posts
    20
    Thanks
    5
    Thanked 0 Times in 0 Posts
    I have a "clear" underneath the "page" container already, but that doesn't solve the problem.

    You mean the sidebar still isn't working properly? I used NetRenderer to see how it looks in IE, and it looks all right there...


    Anyway, removing the "position:absolute" from the primary and secondary DIVs works, except not in IE6 -- that is, according to NetRenderer again.

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by Ottens View Post
    You mean the sidebar still isn't working properly? I used NetRenderer to see how it looks in IE, and it looks all right there...

    Here's a screen cap. That's firefox on the left and IE8 on the right.
    http://nopeople.com/webfiles/Clipboard01.jpg
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    New Coder
    Join Date
    Jan 2008
    Posts
    20
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Why, this is strange. I just checked in Firefox and IE8 (using NetRenderer for the latter) and it looks fine in both...

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by Ottens View Post
    Why, this is strange. I just checked in Firefox and IE8 (using NetRenderer for the latter) and it looks fine in both...
    Yup, looks good here now too. Must have been a cache thing on my end? I don't know.
    The footer looks to be in the right place too...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #8
    New Coder
    Join Date
    Jan 2008
    Posts
    20
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Well, good then. Thanks for your help, again, and thanks to SB65 too!


  •  

    Posting Permissions

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