I am working on replacing a table based website that has boxouts for news. However, although I have the design as I want it I cannot get the outer wrapper to extend further down the screen unless I use overflow auto.
I just want the content to increase the height of the web page. This is the link to the present web page: http://www.xyzweb.co.uk/test/singlecolumn2v1.php
thanks for any help
What do expect?
If there's no more screen, where do you expect the content to go?
You really need to start over. The page actually works better if styles are turned off. Don't use the position property, nor the top, left, etc. properties. They appeal to beginners, but they're only for the experienced css coder.
Thanks Gary I am expecting
I am expecting that the varying content will extend the OuterWrapper downwards to accommodate the content. The result being that whatever the amount of content it will have a frame around it with a footer. If I disable the scroll the contents extends down and can be scrolled using the browser scroll bar. The trouble is that the frame stays put. I realise that is because it (the OuterWrapper) only extends to the height of the display's screen due to the 100% setting. I don't understand why the wrapper can't extend with the content. I have tried all sorts of alterations.
It will if you get rid of the absolute positioning. It is my opinion, backed by ~15 yrs experience, that absolute positioning should never be used for any but small, local positioning issues.
When styling the layout, think in terms of flow, not position. Your nav is about the only thing requiring more than a moment's consideration, and that's a matter of choosing among floating, inline, or inline-block for the list items.
is absolute positioning neccessary
Thanks Gary I used absolute positioning to locate the admin button. The footer code came from: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page and as far as I know I have placed the code according Matt James Taylor's instructions. The navbar code came from www.maxdesign.com.au That works ok. It would seem from your observations that the footer code cannot accommodate dynamic content or I have made a mistake.
PS. The notification system isn't working.
Footer at the bottom
This works in the four major browsers. It is very similar to other methods; the difference being that it is fairly robust. Robust was not easy, as IE was wonky, and people would fail instructions. Meanwhile, Opera kept changing their own rendering around causing serious pain.
Back to my not so humble opinions again, I don't think it's worth the effort. The example page was created in April, 2005 from a method I had worked out, with stolen ideas from around the web, a couple of years earlier. I was young and dumb. I am much older and wiser now.
Footer at the bottom
Thanks Gary for the footer code. I like the way you commented your file very useful.