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: > > 1. In Firefox (v.2.0.0.11), the contents of the sidebar div (called > #menu in my code) are not showing up.
Delete 'overflow: hidden' on #container, as nothing can show up outside #container's content-area with that property/value present. > 2. In IE7, the position of #content fluctuates as the width of the > browser window is changed. #container isn't given a width, so as a float it "shrink-wraps" and jumps slightly in width with the width of #content - length of the text-lines. Same jumping appears in Opera (for the same reason), btw. > 3. In IE6, the contents of #menu aren't showing up and the left edge > of #content is cut off. Again the effect of 'overflow: hidden' on #container. The various versions of IE/win have several bug-variants related to 'overflow: hidden' and 'position: relative', so what one version does says nothing about what the other versions may come up with. Style with care. > http://imp.purplelagoon.org/current/index.shtml The faked "equal height columns" solution using borders, needs very precise and complete styling to really work across browser-land. I've used it for years - long before the ALA article came out... <http://www.gunlaug.no/contents/wd_1.html> ...although I prefer the (even more complex) "column outline" version... <http://www.gunlaug.no/contents/wd_additions_26.html> ...which is the same but uses wide paddings instead of wide borders. I recommend a re-read of the ALA article, to get a thorough understanding of all the little details needed for reliable and stable use of the method. Once you've got it it's a real problem-solver. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ 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/
