Dear Georg, David and list, Thank you for your help! I have read carefully both of your emails and visited the pages recommended by both. I need my solution to work in Safari eventually, so I used the latter of the solutions suggested in David's reference page and did most of what Georg said as well.
First two pages for history on the thread: >> First: http://bestfoot.com/dummy/test001.html >> Second: http://bestfoot.com/dummy/test002.html > > html {height: 100%;} I did that ... helped significantly! I suppose what I am going to want next is min-height rather than restricted maximum height as you anticipated below. I did add the display: table; Where is there a good resource on display: [property] as I really want to get my head around that better. I have to admit I use them regularly without comprehending fully why and/or if I should. > Adding... > > #bgwrapper{display: table;} > > ...will overcome that restriction in the good browsers I added the next div called #wrapper to the mix. That is intended to be the main page container for the page. As you see, I want have it on the left edge of the #bgwrapper div so that the right edge of the gradient is hanging out on the right. I also want to stop it about 80px short of the bottom of #bgwrapper, so I added bottom padding to bgwrapper. It never occurred to me that the paragraph block was causing my problem. I actually took that out at this point and just left the filler text without paragraphs for the moment. I think I am making progress. http://bestfoot.com/dummy/test003.html I added bg color and borders to that just for reference, those will get removed shortly as I don't really want them in there. I will now go on to the next step and that is to add two headers (one without background and one with background image. I will then essentially create three columns in the body of the page. http://bestfoot.com/dummy/test004.html How do I get the right sidebar background all the way to the bottom of the page? How do I get the middle column to have a height = 100% of the right sidebar? Would containing them both in another div do it? Is it bad to float all three side by side like that? Am I about to have a float clear problem? Thanks for the help so far! You are helping me understand these concepts and I appreciate it. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
