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