Originally Posted by bakerc

I belive you have to join the monthly subscription service to view this (thats fine if its the case, just want to make sure its the right one)

I can view the article and I don't have a subscription to that site. Some articles do require the subscription but this one it doesn't look like it.

LadynRed - did I read somewhere that some browswers, IE of course, do not support the min-height? Is that when an IE hack is used..

Thanks!

I can view the article and I don't have a subscription to that site. Some articles do require the subscription but this one it doesn't look like it.

The thread in the sticky doesn't cover 100% with floating divs, the link to the same site I posted earlier does but in order to view it you have to be a member, to be a memeber you have to join their monthly subscription.

This is the lnk for floating 100% divs
http://www.communitymx.com/abstract.cfm?cid=A7E88

If you can read that without signing in (which requires a subscription) let me know.

The FREE article explains it:
http://www.communitymx.com/content/a....cfm?cid=BAD95

The key is in the percentages.

"Any time you declare a percentage dimension on an element, make sure its parent element has a dimension set on it as well so that the child will have something to base its percentage dimension off of."

The outcome in the 'multiple column' article - use faux columns !

It does NOT matter that the divs are floated. I have used both methods with floats, and they BOTH WORK.

ahhh - thanks for clearing that up.

Sandy, yes, you would need to feed IE6 (and below) a height:100% because it does not support min/max height/width. That's where conditional comments come it too.

Setting min-height instead of height to my container div makes it only as big as it's own contents, setting it to min-height doesn't do a thing, I'll look up faux columns tonight and try them.

Got it working that way, thanks, now I have a new issue.
http://browsershots.org/screenshots/...f3c1c623e2554/
http://browsershots.org/screenshots/...a2ac268e061e9/
Of course IE has an issue, I'm using margin-top:-21px; to cover an issue that occurs with it where there is a 21 pixel gap above the header on all but IE apparently, I've never used an IE hack before, how do I go about this?

You use conditional comments and a separate CSS file that contains ONLY the hacks necessary to make IE6 toe the line.

That fixed it, it's all working well now, thanks.