On May 10, 2005, at 11:20 PM, Ingo Chao wrote:
Holly's hack should fix that:
/* \*/ * html #mainprop {height:1%;} /**/
Thanks for that -- it worked like a charm. I was really puzzled by this.
But I cannot debug a behavior of an extra paragraph you've taken out.
There wasn't any problem with the extra paragraph; just that adding it showed that there was an existing problem with the first paragraph.
Looking at your CSS, I guess you had a hard fight with browser bugs, and you won at least. :) But I don't understand the following rules:
/* for Mozilla/Safari/Opera */
* > #index #main { padding-top: 500px; } * > #main { padding-top: 534px; min-height: 1px; } * > #main #mainprop { margin-top: -500px; }
On this #index page, the #main padding is 500px (other pages have 534px) and then you are pulling it back? I haven't looked to deep at other pages, but on the index page, when I comment these rules out, all is well in Moz/Opera, what am I missing?
To be honest, it's been a few months since this site launched and I can't easily recall everything I had to do to get the design to render properly. (And as you note, it was a hard fight.) This code, though, is part of the min-height hack (http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/) to make sure there's enough vertical space for the content in the sidebar, which is absolutely positioned. If it's not there *and* there's very little in the content area, there will be problems with the sidebar background.
Thanks again for your help!
Cheers, Karen -- Karen Friesen, Web Developer - [EMAIL PROTECTED] Hot House Marketing Inc Visit us online at <http://www.hothouse.ca>
______________________________________________________________________ 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/
