On Mon, 11 Jun 2007 12:34:25 -0500, Del Wegener wrote: > Good Day; > > The page is > http://www.drdelmath.com/essays/reading_mathematics/css_reading_mathematics_tip1.htm > the stylesheet is at > http://www.drdelmath.com/essays/style_sheet_essays_normal.css > In IE6 the header div (purple) appears to be okay. In Firefox it extends off > screen to > the left causeing a horizontal scroll bar. > How do I make the right edge of that div correspond with the right edge of > the window ? > > The content div (brown) misbehaves in both. I want the left edge of that div > to line > up with the right edge of the div containing the left side menu. How do I do > that so > that it works in IE6, IE7, and Firefox ? > You have some weird stuff going on in that page, Del,
The appearance changes when you reload the page. I suspect some of your scripting is messing things up, because the #content DIV moves when I disable it. From the 1997-style SCRIPT attributes, I suspect the script is not the most modern. I suggest removing the scripts, at least until you have a working page. While two heads may be better than one in some circumstances, a web page is not one of them. Some validation is in order. Your use of relative positioning is screwing things up. Because you use EMs the layout changes dramatically with user-selected font size. I suggest you re-think the layout for this page, before you lose all your hair. Check the Wiki for layouts. (Linked to at the bottom of every post.) Cordially, David -- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
