Sidebar overflow problem with modified template.

[duke]

I wanted to change the look of the standard template I use. To do this I needed to move the footer below the "</div> - page" and before the "</div> - body". But when I did this the sidebar over flowed the content area as in THIS example.

The only way I could stop this was to create a new invisible div where the footer was that has this property: "#fred {clear:both;}" (yes I called it fred). This works a treat as can be seen HERE.

So the question is - is this an acceptable way of over coming the problem or is there a better / more accepted way?

Duke

[beteljuice]

The beteljuice is often bemused by CSS

There is something odd about the nesting of the <div>s, but I can't immediately see what.
The only other way I can make it behave is to 'hard code' the height attribute of your #content to 1210px.

BTW - why is your page so wide ?

[duke]

Actually, just managed to resolve this , edited out a line on the css which was needed and was missing a "</div>".

BTW - why is your page so wide ?

uummhh Don't know, it is currently 1050. What would be an "average" page width?

Duke

[nitrx]

Actually, just managed to resolve this , edited out a line on the css which was needed and was missing a "</div>".

BTW - why is your page so wide ?

uummhh Don't know, it is currently 1050. What would be an "average" page width?

Duke

1024 ?? https://cumulus.hosiene.co.uk/viewtopic.php?f=4&t=2553