6 replies [Last post]
ggeoff
ggeoff's picture
Offline
newbie
England
Last seen: 1 year 35 weeks ago
England
Timezone: GMT+1
Joined: 2013-03-10
Posts: 7
Points: 10

Hi

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 Smile

Geoff

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

ggeoff
ggeoff's picture
Offline
newbie
England
Last seen: 1 year 35 weeks ago
England
Timezone: GMT+1
Joined: 2013-03-10
Posts: 7
Points: 10

Thanks Gary I am expecting

Thanks Gary

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.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

It will

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.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

ggeoff
ggeoff's picture
Offline
newbie
England
Last seen: 1 year 35 weeks ago
England
Timezone: GMT+1
Joined: 2013-03-10
Posts: 7
Points: 10

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.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 12 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Footer at the bottom

See http://gtwebdev.com/workshop/layout/footer-bottom.php

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. Tongue

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

ggeoff
ggeoff's picture
Offline
newbie
England
Last seen: 1 year 35 weeks ago
England
Timezone: GMT+1
Joined: 2013-03-10
Posts: 7
Points: 10

Footer at the bottom

Thanks Gary for the footer code. I like the way you commented your file very useful.