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 12 of 12
  1. #1
    New Coder
    Join Date
    Feb 2008
    Posts
    47
    Thanks
    13
    Thanked 1 Time in 1 Post

    footer wont sit where i want.

    hello

    could someone please take a look at this and see if you can tell my how i can get the footer to sit in the middle, below all the text. I gave it a white background so you can see it easier http://talkingmakesnosense.com/test/test.html

    if you're on internet explorer, ignore the logo being messed up, haven't implemented the png fix yet.

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    do you mean the text on the left hand side, and not under the downloads?

    because if that is what you want then replace this with the current!!

    Code:
    #footer
    {
    float: left;
    font-family: trebuchet ms;
    font-size: 12px;
    background-color:white ;
    color: white;
    }

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Code:
    #footer { 
      clear: both;
      margin: 0 auto;
      width: 80%; /* or whatever you want her to be, baby */
    }
    But you have evil scrollbars and pixel font sizes...and I don't recommend using fixed-width layouts when elastic (em-driven) ones are perfectly possible.

  • #4
    New Coder
    Join Date
    Feb 2008
    Posts
    47
    Thanks
    13
    Thanked 1 Time in 1 Post
    hey cyan, i added that snipped of code you gave me and the footer is sitting in the right place now.

    I'm just beginning code, so this site is a learning experience for me. what exactly do you mean about making it elastic?

  • #5
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    IE cannot resize pixel-based measurements. This is not very good for accessability.
    In fact, just have a look at Jon Tangerine's lovely article on it, and the link in my sig is an example of an em-driven layout =).

  • #6
    New Coder
    Join Date
    Feb 2008
    Posts
    47
    Thanks
    13
    Thanked 1 Time in 1 Post
    actually i'm back to the beginning again now. the footer sits a the bottom, but to the left. how do it get it aligned in the middle of everything?

  • #7
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    the margin:0 auto; that cyan suggested should work!

  • Users who have thanked jcdevelopment for this post:

    snmt (02-26-2008)

  • #8
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    "float: bottom;"? That's total nonsense in CSS-land.

    And we have to use the American spelling center instead of the French centre in text-align. There's your problem: you text is aligning to the left because it's not recognizing that.

  • #9
    New Coder
    Join Date
    Feb 2008
    Posts
    47
    Thanks
    13
    Thanked 1 Time in 1 Post
    I added it to the code already, all that did is move it to the left instead of the right.

  • #10
    New Coder
    Join Date
    Feb 2008
    Posts
    47
    Thanks
    13
    Thanked 1 Time in 1 Post
    Ah my mistake, changed the spelling now it's fine. what do you recommend instead, if float:bottom; is nonsense?

  • #11
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Nothing, it's fine; you don't need to float it at all! =S

  • Users who have thanked Apostropartheid for this post:

    snmt (02-26-2008)

  • #12
    New Coder
    Join Date
    Feb 2008
    Posts
    47
    Thanks
    13
    Thanked 1 Time in 1 Post
    ah i see! thanks very much for the help folks.


  •  

    Posting Permissions

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