Essentially, I'm attempting to position non-background graphics outside of a page's main content area (in the right and left 'margins'), but trying to avoid having them call up scrollbars.
What I've done is attach these graphics to (that is, enclose them in the div of) absolutely positioned 'modules' placed within the main content area -- and then moved the graphics 'offscreen' to the right and left using relative positioning. My understanding was that relatively positioned elements moved outside the main content area this way would not create a horizontal scrollbar (that didn't otherwise exist). In fact, IE6 and Safari both work this way, hiding the relatively positioned elements in the 'margin' area as the browser window is narrowed, and only creating a horizontal scrollbar when the window is narrower than the main content div. However, Firefox creates scrollbars as soon as the window is narrowed to the right edge of the graphics now rendered in the right 'margin'. I know that with absolutely positioned content, elements moved 'offscreen' to the right and downward will create scrollbars. But I thought relatively positioned content would be considered by the browser to still be in its original (non-relatively-positioned) location. Why does Firefox not see it this way? Is there any way to achieve the desired effect using other positioning techniques? I don't want to put the images into the background, since then they'll get cut off in unfortunate places depending upon page content height. Any thought, references, avenues of inquiry, etc. would be hugely appreciated. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
