Discover Habbo's history
Treat yourself with a Secret Santa gift.... of a random Wiki page for you to start exploring Habbo's history!
Happy holidays!
Celebrate with us at Habbox on the hotel, on our Forum and right here!
Join Habbox!
One of us! One of us! Click here to see the roles you could take as part of the Habbox community!


Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 25
  1. #11
    Join Date
    May 2006
    Posts
    1,797
    Tokens
    0

    Latest Awards:

    Default

    try something like this is all i can suggest

    HTML Code:
    <html>
    <head>
    <style>
    .container{
    height:90%;
    width:100%;
    border: 1px solid black;
    }
    .footer{
    height:10%;
    width:100%;
    border:1px solid red;
    }
    </style>
    </head>
    <body>
    <div class="container">Main content..</div>
    <div class="footer">Footer Content..</div>
    </body>
    </html>
    I only really added the border tags for any debugging but it looks like it works, dunno if its exactly what you want though
    Coming and going...
    Highers are getting the better of me

  2. #12
    Join Date
    Jun 2006
    Posts
    4,832
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by AlexOC View Post
    does

    Code:
    top: 100%;
    margin-top: -100px; (half of your div height)
    position: absolute;
    make it stay at the bottom, in view, even if you scroll down?

    like facebooks bottom bar?
    I don't want it to be like facebooks bar, but what you posted looks like it'd do that.

    Quote Originally Posted by MrCraig View Post
    try something like this is all i can suggest

    HTML Code:
    <html>
    <head>
    <style>
    .container{
    height:90%;
    width:100%;
    border: 1px solid black;
    }
    .footer{
    height:10%;
    width:100%;
    border:1px solid red;
    }
    </style>
    </head>
    <body>
    <div class="container">Main content..</div>
    <div class="footer">Footer Content..</div>
    </body>
    </html>
    I only really added the border tags for any debugging but it looks like it works, dunno if its exactly what you want though
    Now that works (for those two divs you posted)... I'll have a try at putting the content in a div and then just the footer. Cheers.

  3. #13
    Join Date
    Jul 2008
    Posts
    5,289
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by Hitman View Post
    I don't want it to be like facebooks bar, but what you posted looks like it'd do that.


    Now that works (for those two divs you posted)... I'll have a try at putting the content in a div and then just the footer. Cheers.
    Well it shouldnt do that, it should be at the bottom of the full page. i think.

    Try it. because it positions itself below 100% of the content, then takes away half of itself to fit on.

  4. #14
    Join Date
    May 2006
    Posts
    1,797
    Tokens
    0

    Latest Awards:

    Default

    You MAY have to include an iframe in the container div if you want to put lots of content in it though as im not too sure what'll happen if you overfill it (but im guessing it'll stretch)
    Coming and going...
    Highers are getting the better of me

  5. #15
    Join Date
    Jun 2006
    Posts
    4,832
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by AlexOC View Post
    Well it shouldnt do that, it should be at the bottom of the full page. i think.

    Try it. because it positions itself below 100% of the content, then takes away half of itself to fit on.
    Tried, does the same as the facebook bar because its position is absolute...

    Quote Originally Posted by MrCraig View Post
    You MAY have to include an iframe in the container div if you want to put lots of content in it though as im not too sure what'll happen if you overfill it (but im guessing it'll stretch)
    Yeah it'll stretch.

  6. #16
    Join Date
    Jul 2008
    Posts
    5,289
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by Hitman View Post
    Tried, does the same as the facebook bar because its position is absolute...

    Yeah it'll stretch.
    Cant you change the position?

  7. #17
    Join Date
    Jun 2006
    Posts
    4,832
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by AlexOC View Post
    Cant you change the position?
    As I said, I've tried the other positions... static, relative, fixed... they all don't do it.

  8. #18
    Join Date
    Nov 2006
    Location
    Narrich
    Posts
    5,687
    Tokens
    0
    Habbo
    Jamesy...

    Latest Awards:

    Default

    Getting a footer to stick at the bottom without going over the text is extremely difficult. HTML was never made with the same control you have over width in height :/.
    Ex-janitor. Might pop in from time to time, otherwise you can grab all my information from http://jamesy.me.uk/

  9. #19
    Join Date
    Jun 2006
    Posts
    4,832
    Tokens
    0

    Latest Awards:

    Default

    Think I have it...

    Code:
    .footer {
        background-image:url(images/footerbg.png);
        background-repeat:repeat-x;
        width:100%;
        height:74px;
        position: relative;
        margin: 12em 0 0;
    
    }
    Seems to be working!

  10. #20
    Join Date
    Aug 2004
    Location
    United Kingdom
    Posts
    5,769
    Tokens
    1,249
    Habbo
    Beneficial

    Latest Awards:

    Default

    Not to do with the question, but use shorthand for everything:

    Code:
    .footer {
    background:url(images/footerbg.png) repeat-x;
    width:100%;
    height:74px;
    position:relative;
    margin:12em 0 0
    }
    Improves loading time
    what is fetch gretchen?

Page 2 of 3 FirstFirst 123 LastLast

Posting Permissions

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