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
> 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
> 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.
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.
"Remember, if you’re headed in the wrong direction,
God allows U-turns!"
~Allison Gappa Bottke
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/