I have a centered page that I want a div at the bottom of; with a tiled image, that spans the entire width of the browser window.
I can do this with a layer that is window referenced simply by setting its width to nothing and its left/right to zero.
But of course, any expanded content overflows this footer layer. But whenever I put the footer (css or table based) in flow to get it to push down, it will only draw to the width of the page and not the browser.
The problem is that your page is set to center. That only gives it a width of your pasteboard. The only way to do this would be to set your page alignment to none and do a box-model style site. A video and tutorial can be found under July on my Blogger website.
Then you’d be able to accomplish this using percentages and margins to center things up.
After a bit more playing around, it seems there is a very high cost to using the method you have so kindly provided.
The issue is that once content is updated in any element in the layout of a page, it “dirties” the parent frame and ALL children; essentially detaching everything from the master page it was defined from.
This means once any page is touched, making changes to its master is useless, and changes you wish to make across all pages must be done manually for each page.
For my workflow, this is a killer. I have asked in another thread for an explanation of the Master tracking/dirtying process so I can better understand how this can be avoided; but I am guessing that having everything as one or more children of one container is a very bad idea if you wish to update existing pages with new or changed master content.
Well, it depends on your work flow and this may not be the best way in every situation.
My point (by my post) was to encourage you to experiment and understand a way to get your footer pushed down with the content and being able to tile your image across the entire browser window like you want to. This method of pushing content down through expanding boxes (height wise) is the only way you’re going to achieve what you’d like to do. There’s variations to the box model, but with “fixed” position not working in IE6 (without hacks) then you’re pretty much understanding a box within a box to push content down as being a viable answer to your specific situation.