It was my attempt to fix the height problem based on this solution:

http://www.quirksmode.org/css/100percheight.html

However, now that I have re-read it, I see what you are saying
concerning the viewport. So this wasn't a true solution to my problem.

Now on to your recommendations:

When I remove the height on .container, the background then extends as
needed on the News page, but on other pages where the content is short
than the viewport, .container no longer extends to the bottom of the
screen.

The same thing happens when I remove the height on the HTML and BODY tags.

If I remove both, the same results occur, but I also get a scroll bar
on some pages, because it seems like 10 or so pixels are getting added
to the bottom of the pages (specifically the home page) when there is
no text to support the addition of the scroll bar.

Additional suggestions?

On 8/23/05, Rowan @ Jetboy <[EMAIL PROTECTED]> wrote:
> You've set <body> to 100% height, which is 100% of the viewport. In turn
> you've set .container to be 100% of its parent (i.e. body). Removing either
> (or preferably both) will fix things in Mozilla. Presumably these height
> settings were put in for a reason, maybe to fix another problem?



-- 
Yazmin Wickham
Contractor - Internet Development
http://www.yazmin.net
______________________________________________________________________
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/

Reply via email to