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!


Results 1 to 6 of 6

Thread: CSS Woes

  1. #1
    Join Date
    Sep 2006
    Location
    Hobart, Australia
    Posts
    593
    Tokens
    0

    Default CSS Woes

    Hi everyone,

    First up, I should admit that I'm not really a layout kinda guy. I'm ok at CSS, however, getting things to align properly really:

    Page: http://www.zocorp.com/argh/design.html

    CSS: http://www.zocorp.com/argh/main.css

    That looks and loads fine, but only for smaller resolutions. If someone with a reaaally big resolution loads it, the gap between the navigation and content gets huge! I don't know what I'm doing wrong... I've looked at it for ages, but still no ideas. If anyone could have a look, and give me any advice, I'd be most appreciative.

    Thanks!

  2. #2
    Join Date
    Oct 2007
    Location
    Luton, England
    Posts
    1,548
    Tokens
    388
    Habbo
    DeejayMachoo

    Latest Awards:

    Default

    try having a
    LEFT id which flotes left
    and a right one which flotes right then put the boxes in them?

  3. #3
    Join Date
    Jul 2007
    Location
    Scotland
    Posts
    529
    Tokens
    0

    Default

    You'll need a container DIV with a set width, eg in pixels or percent. Then have the left DIV and right DIV contained inside that eg

    Code:
    <div id="container">
         <div id="left"></div>
         <div id="right"></div>
    </div>

  4. #4
    Join Date
    Jul 2005
    Location
    -
    Posts
    2,995
    Tokens
    0

    Latest Awards:

    Default

    Quote Originally Posted by RichardKnox View Post
    You'll need a container DIV with a set width, eg in pixels or percent. Then have the left DIV and right DIV contained inside that eg

    Code:
    <div id="container">
         <div id="left"></div>
         <div id="right"></div>
    </div>
    #left {
    floateft;
    width:;
    }
    #right {
    float:right;
    width:;
    }
    #container {
    width:;
    margin: 0 auto;
    }


    Margin: 0 auto; means center it

  5. #5
    Join Date
    Sep 2006
    Location
    Hobart, Australia
    Posts
    593
    Tokens
    0

    Default

    Thanks everyone! I had a play during Graphic Design at school today (well, it was KIND of design >_>), and got it working!

    Muchos gracious!

  6. #6
    Join Date
    Oct 2007
    Location
    Luton, England
    Posts
    1,548
    Tokens
    388
    Habbo
    DeejayMachoo

    Latest Awards:

    Default

    Quote Originally Posted by benzoenator View Post
    Thanks everyone! I had a play during Graphic Design at school today (well, it was KIND of design >_>), and got it working!

    Muchos gracious!
    Your welcome if i helped


Posting Permissions

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