I know that 100% DIVs have been covered extensively on the net but I can’t seem to find anything specific enough to my circumstances and still have no joy after hours of playing with the CSS.
I’ve got a “page-wrap” DIV, which design wise, is like a page border. I want it centred based on varying browser sizes or adjustment. Simple margin: 0 auto
However, I want the height of the “page-wrap” DIV and a “content” DIV inside the “page-wrap” to be expandable and based on the content and adjust according.
The issues are I’m working against are as follows:
- I’m writing for an ebay template, so I I can’t use the HTML or BODY tag to reset the margins. Just HTML stripped of the DOC TYPE info HTML & BODY tags
- I can’t get the DIV height of both the “page-wrap” and “content” DIV – based on varying content – to be 100% AND centred.
I’ll have to check out what I’m doing wrong on my sites then. I still add the element because the method in my snippets doesn’t work in IE7. I’m using the clearfix hack that comes with [HTML5 Boilerplate](http://html5boilerplate.com/ “”).