Steve, On Dec 2, 2005, at 5:13 PM, Steve Westmoreland wrote:
> I've composed a mock-up page from a photoshop file and it looks good > across > browsers, but since using height: 100% on the body and wrap, the > scroll bar > appears and there is unnessecary whitespace on the bottom of the page > after > the content. I can hide the overflow, but this creates a problem if the > content flows past the browser viewport. > > Could someone look at my source and give me some pointers on this one. > > http://bristow-web.pennebaker.info/index.html > http://bristow-web.pennebaker.info/bristow.v1.css I see a fairly standard header + 2 col layout. You don't need absolute positioning for this, and it is getting in your way. Absolutely positioned elements are removed from the page 'flow'. This means that their containers take up no 'space' and disappear. Specifying heights for these containers only masks the problem. These specified heights are causing the problems that you see. In general I recommend removing all the 'height: 100%; and most of the 'position: absolute;'. Replace top and left with margin-top and margin-left as appropriate. If you need further help, ask away. Roger, Roger Roelofs "Remember, if you’re headed in the wrong direction, God allows U-turns!" ~Allison Gappa Bottke ______________________________________________________________________ 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/
