ansaurus

Question

Answer 1

A:

Change #page to

#page {
    position: absolute;
    width: 900px;
    margin-left: -450px;
    left: 50%;
    top: 0;
    bottom: 0;
    background: url(imgs/bk.png) repeat-y;
}

Codemonkey 2010-09-05 09:33:05

thanks but no luck either, that just centered the page but didnt add the background to the height needed

ben 2010-09-05 14:08:24

Answer 2

+2 A:

Give #page the style overflow: hidden.

Yi Jiang 2010-09-05 09:33:09

that doesn't work, just cuts off the rest of my content where the background ends halfway down the page, cheers anyway tho.

ben 2010-09-05 09:57:26

@ben Clarify a little, because flipping the value from `overflow: visible` to `overflow: hidden` on Firebug here definitely worked.

Yi Jiang 2010-09-05 10:20:37

@yi jiang, please go to http://www.benfolio.net/new/yi/ for an example of what i mean when 'overflow:hidden;'

ben 2010-09-05 14:07:20

Answer 3

A:

Solved: I went out with sme mates and came back for a fresh look at it, first change I made fixed it, the change are below.

html, body { margin:0 0; padding:0 0; background:#444; }

#page { width: 900px; margin: 0 0; height:100%; background: url(imgs/bk.png) repeat-y; overflow:hidden; }

Simply took 'height:100%' out of the html,body section and it then defaulted to just 100% for the page div. Thanks for the help given

ben 2010-09-05 14:14:45

ansaurus

tags:

views:

answers:

height not extending for full page.

related questions