[EMAIL PROTECTED] wrote:
> Hi Georg
>
> Thanks very much for that it is starting to look much better!
Thought so :-)
> What is causing the header and main global navigation to be distorted
> in Opera and Firefox, when it shows up fine in IE 6 and 7?
Looks like there are some 'collapsing margins'[1] at play up there, but
I haven't investigated it in any details. May also be the new "error"
you have added - see below. I will look at it later.
IE/win (all versions) are usually "saved" by their 'hasLayout'[2] bug,
but the good browsers need something more in accordance with standard
CSS specs in order to behave as you'd like.
> So as it is html 4.01 instead of </head> it should be <head> and the
> same for the </body> = <body> element ?
No. </head> and </body> are correct end-tags for those 'non-empty
elements'. It should read...
<head>
</head>
<body>
</body>
...etc. No difference between HTML and XHTML.
What isn't correct - and is "confusing" the validator - is 'empty
elements' that are ended like this...
<link href="/stylesheets/mainstyle.css" media="screen" rel="Stylesheet"
type="text/css" />
That element should end like this...
type="text/css">
...since you're dealing with HTML and *not* XHTML.
Browsers don't really care, and it is this "carelessness" that let us
get away with serving XHRML 1.0 as 'text/html'. The validator isn't that
easy to fool when it sees mixed HTML/XHTML bits like that, but it may be
"confused" as to where the actual flaw is.
So, you must correct the way that link, and similar 'empty elements',
are closed - with an '>' and nothing else, and use the proper end-tags -
with a slash '</' - for 'non-empty' elements. Then the validator will
stop complaining, and browsers will figure out where each element starts
and where it ends.
regards
Georg
[1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins
[2]http://www.satzansatz.de/cssd/onhavinglayout.html
--
http://www.gunlaug.no
______________________________________________________________________
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/
