Sent by Jonathan Duncan on 13 May 2005 17:05
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-REMOVED]> 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-REMOVED]]
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-REMOVED]]
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/
