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/
