On Jan 12, 2008, at 1:57 PM, Lopez-Anzures, Beatriz wrote: > Sorry to bother you...I'm a Multimedia student at UNF > ( University of North Florida) > I'm trying to see why my CSS file does > not display correctly on IE. > The scroll bar is not displayed correctly (it's out of place) > when viewed in IE or Firefox. > > In safary looks ok but I need it to work in all for > my final grade. > Here is the link: > please use safari to see it working correctly. > http://www.unf.edu/~n00036081/zen_garden
You have a few issues there 1. the contents of middle column (#links) overflows the box - you specify a height of 450px, and a font-size of 10px, but my browser(s) are configured to use a minimum font-size of 12px. 2. Safari vs Firefox and Opera 9.5b. The right column is pushed far away to the right in Firefox and Opera. Browsers have different interpretation of how the margin on elements adjacent to a floated block should behave. It doesn't help that the css 2.1 docs was change recently regarding this issue (essentially making the behaviour in Safari correct) [1]. You can solve this: set the margin-left on #scrollable to '0' (zero). 3. your #container should be 5px wider to accommodate the content, #header and #footer 15px wider. IE 6 probably has a truckload of issues with its 'expanding width/ height' quirks and bugs. I don't have that browser at hand to test or advice. [1] <http://www.w3.org/TR/CSS21/visuren.html#floats> The 5th paragraph is relevant here. Before the latest version, it stated that the horizontal margin should not collapse/slide under the floated block; the reverse is through now. <http://www.w3.org/TR/CSS21/changes.html#q57> Philippe --- Philippe Wittenbergh <http://emps.l-c-n.com> ______________________________________________________________________ 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/
