Thank you Ingo, the position:relative at least got the logo and nav to align to a different div which makes them closer to being in the center. However I am also trying to get them to stretch out to fill the whole page horizontally. These two div have no width that I can see and they are not being limited by anything that I can tell so I would think they should expand to fill the screen like they do in Firefox. Any ideas why they do not?
Jonathan >>> Ingo Chao <[EMAIL PROTECTED]> 05/12/05 5:45 pm >>> Jonathan Duncan schrieb: > I have an issue with a site I am working on: > > http://hula-project.com/Hula_Server > > My problem is that in IE (XP) the top navigation (#p-navbar) and > header logo (#p-logo) will not display full width across the screen Opera8 flushes it to the left like IE6. FF centers it. Both the nav and the logo are positioned absolutely. For a.p. elements, the offset is calculated with respect to the containing block = the nearest positioned ancestor: http://www.w3.org/TR/CSS21/visudet.html#containing-block-details But, as in your case: "If there is no such ancestor, the containing block is the initial containing block.", and: "The containing block in which the root element lives is chosen by the user agent. ... This containing block is called the initial containing block." your rule body { margin: 0pt auto;} will center <body> relative to <html> So, IE and Opera do calculate the offset with respect to <html>, while FF calculates with respect to <body> (and all is valid IMHO). Try position:relative in body, for a start. More fixes are needed for Opera and IE, though.Â* Anyone? (tested with disabled javascript: "/stylesheets/IEFixes.js" (?!)) Ingo css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
