Page 1 of 1

Sidebar overflow problem with modified template.

Posted: Mon 02 Apr 2012 6:07 pm
by 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

Re: Sidebar overflow problem with modified template.

Posted: Mon 02 Apr 2012 11:32 pm
by 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 ?

Re: Sidebar overflow problem with modified template.

Posted: Tue 03 Apr 2012 5:30 pm
by duke
Actually, just managed to resolve this :oops: , 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

Re: Sidebar overflow problem with modified template.

Posted: Tue 03 Apr 2012 6:11 pm
by nitrx
duke wrote:Actually, just managed to resolve this :oops: , 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