[css-d] Firefox problem with footers at bottom of viewport

2005-08-11 Thread Peter Scott 
I've been managed to position my footers at the bottom of the
viewport, based on the article at
http://www.alistapart.com/articles/footers/, and with the help of this
list have ironed out some bugs, but I'm still having a recurring
problem on one page.

Basically, the footer bar of my clients' site is set to position at
the bottom of the viewport if not enough content is on a page, but at
the end of the content if not. On this page however -
http://www.orangetoo.co.uk/ts/membersOffers.htm - when viewing in
Firefox, the footer sits at the bottom of the viewport and not at the
bottom of the content.

I've ensured all images have a height (or width), and tried isolating
various bits of the code, and it seems that if I elimate a div called
#rightContent { display:block; float:left; margin:10px 16px;
width:510px; } then the footer displays correctly, which seems to
imply there is something wrong with this section of the css. I've
tried other ways of positioning this div, but it's presence always
seems to cause problems with the footer. But I feel I might be barking
up the wrong tree with this? Any ideas?

-- 
Peter Scott
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox problem with footers at bottom of viewport

2005-08-11 Thread Ingo Chao 

Peter Scott wrote:

I've been managed to position my footers at the bottom of the
viewport, based on the article at
http://www.alistapart.com/articles/footers/, and with the help of this
list have ironed out some bugs, but I'm still having a recurring
problem on one page.

Basically, the footer bar of my clients' site is set to position at
the bottom of the viewport if not enough content is on a page, but at
the end of the content if not. On this page however -
http://www.orangetoo.co.uk/ts/membersOffers.htm - when viewing in
Firefox, the footer sits at the bottom of the viewport and not at the
bottom of the content.


I think you'll have to contain the float:

.solidclearer {clear: both;}


...
  div class=solidclearernbsp;/div
/div !-- mainContent--
div id=footer
...


regards, Ingo


--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/