Murphy, Kristen Anne wrote: > I'm trying to create a two-column, fluid layout using the method > described in this article: > http://www.alistapart.com/articles/multicolumnlayouts/ (In short, the > method involves creating the illusion of equal-height columns by > making a div with a wide left border and then floating another div > over that border.) I'm running into a few problems, to wit:
Thanks for the responses on this. I took a step back and started with a clean stylesheet based on one from the ALA article (instead of my original stylesheet which had been reworked a million times), and it's working much better now. There are still a few problems with the width that I'm hoping someone can advise me on. In Firefox and IE7, I'm getting a horizontal scroll bar. There's also approximately 1px worth of the body (red) showing through on the far right of the page. I'm guessing the two are related. Also in Firefox and IE7, the min-width isn't working properly. It's supposed to be scalable down to 760px, but the white space between the film reel and the words "Individualized Major Program" isn't collapsing far enough. In IE6, the min-width is not working at all. As the browser window shrinks, the banner breaks and "Individualized Major Program" slides under the images. The relevant files are here: HTML: http://imp.purplelagoon.org/index.shtml CSS: http://imp.purplelagoon.org/css/imp.css Min-width rules for IE6: http://imp.purplelagoon.org/css/iestyle.css Thanks, Kristen [EMAIL PROTECTED] ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
