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 8 of 8

Thread: Div not 100%?!

  1. 05-12-2013, 01:22 PM #1
    Luke
    Luke is offline Habbox Elite
    Join Date
    Nov 2006
    Location
    D?sseldorf
    Posts
    2,858
    Tokens
    2,256

    Latest Awards:

    17 Year Milestone 2500 Posts 9 Year Milestone
    Total Awards: 19

    Default Div not 100%?!

    Right, I'll probably look like an idiot but I just can't figure it out..
    I want the div to be 100% of the page height but it just won't work

    Code:
    <style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(bg.png);
	background-repeat: repeat-x;
}
#main {
	min-height: 100%;
	height: auto !important;
	height: 100%;
    width: 1000px;
    margin: 0 auto;
	background-color:#FFF;
}
</style>
</head>

<body>
<div id="main"></div>
</body>
    Any ideas?
    Reply With Quote Reply With Quote
  2. 05-12-2013, 09:43 PM #2
    Chippiewill's Avatar
    Chippiewill
    Chippiewill is offline Habbox God
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    10,000 Posts Habbox Summer Spectacular VIP 10,000 Posts
    Total Awards: 16

    Default

    I'm not really sure but try setting the body height to 100%. CSS is voodoo ****.
    Chippiewill.

    Reply With Quote Reply With Quote
  3. 05-12-2013, 10:27 PM #3
    Tom
    Tom is offline Habbox Merit
    Join Date
    Jun 2005
    Posts
    2,850
    Tokens
    3,979
    Habbo
    Skynus

    Latest Awards:

    18 Year Milestone 2500 Posts Habbox Merit
    Total Awards: 10

    Default

    Quote Originally Posted by Luke View Post
    Right, I'll probably look like an idiot but I just can't figure it out..
    I want the div to be 100% of the page height but it just won't work

    Code:
    <style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(bg.png);
	background-repeat: repeat-x;
}
#main {
	min-height: 100%;
	height: auto !important;
	height: 100%;
    width: 1000px;
    margin: 0 auto;
	background-color:#FFF;
}
</style>
</head>

<body>
<div id="main"></div>
</body>
    Any ideas?
    Perhaps not the best way of doing it, but:
    Code:
    #main {
	height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1000px;
        margin: 0 auto;
	background-color:#FFF;
}
    Probably should do it.
    Reply With Quote Reply With Quote
  4. 05-12-2013, 10:40 PM #4
    Chippiewill's Avatar
    Chippiewill
    Chippiewill is offline Habbox God
    Join Date
    May 2007
    Posts
    10,481
    Tokens
    3,140

    Latest Awards:

    10,000 Posts Habbox Summer Spectacular VIP 10,000 Posts
    Total Awards: 16

    Default

    Quote Originally Posted by Skynus View Post
    position: absolute;
    Never, not even once. Just go kill yourself.
    Chippiewill.

    Reply With Quote Reply With Quote
  5. 05-12-2013, 11:06 PM #5
    Tom
    Tom is offline Habbox Merit
    Join Date
    Jun 2005
    Posts
    2,850
    Tokens
    3,979
    Habbo
    Skynus

    Latest Awards:

    18 Year Milestone 2500 Posts Habbox Merit
    Total Awards: 10

    Default

    Quote Originally Posted by Chippiewill View Post
    Never, not even once. Just go kill yourself.
    I DID SAY NOT THE BEST WAY. :@
    Reply With Quote Reply With Quote
  6. 05-12-2013, 11:08 PM #6
    myles
    myles is offline Banned
    Join Date
    Jun 2013
    Location
    London
    Posts
    1,245
    Tokens
    2,075
    Habbo
    vls

    Latest Awards:

    1000 Posts 1 Year Milestone Draw My Thing Participant
    Total Awards: 3

    Default

    wish i knew wot u wos talkin about i might av been able 2 help u

    moderator alert Edited by Nick (Forum Super Moderator): Please don't post pointlessly.
    Last edited by Nick; 06-12-2013 at 09:30 AM.
    Reply With Quote Reply With Quote
  7. 06-12-2013, 11:39 PM #7
    Tuts
    Tuts is offline Newbie
    Join Date
    Apr 2012
    Posts
    44
    Tokens
    273

    Default

    HTML Code:
    html, body {
    margin: 0;
    background-image: url(bg.png);
    background-repeat: repeat-x;
    height: 100%;
}
#main {
    height: 100%;
    width: 1000px;
    margin: 0 auto;
    background-color: red;
}
    Reply With Quote Reply With Quote
  8. 07-12-2013, 12:56 PM #8
    AaidenX
    AaidenX is offline Newbie
    Join Date
    Jan 2013
    Location
    localhost
    Posts
    63
    Tokens
    412
    Habbo
    AaidenX

    Latest Awards:

    Member of the Month
    Total Awards: 1

    Default

    <style type="text/css">
    body {
    margin: 0;
    padding: 0;
    background-image: url(bg.png);
    background-repeat: repeat-x;
    }
    #main {
    width: 1000px;
    margin: 0 auto;
    background-color:#FFF repeat;
    }
    </style>
    </head>

    <body>
    <div id="main"></div>
    </body>

    that should do, otherwise try using an image and use repeat.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

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

Forum Rules