Opera 7 does not display certain styles

Opera 7 isn't displaying selector styles from an external stylesheet

[jimrockford]

Hi folks,

I finally got my page looking good in IE, NN and Opera, so I took out all the internal CSS and made a stylesheet. Now, Opera 7 doesn't display the selector styles from the external stylesheet.

Stuff like h1, h2, p and img work fine, but things like #header, #footer don't work at all.

Am I missing something from Opera's preferences?

[DrDoc]

It should work...

Just remember that ID's can only be used for one element on the page since it's a unique identifier. If you need to style more than one element, use a class instead.

Other than that, it should work just fine.

[DrDoc]

Also, make sure that you have declared type="text/css"...

[jimrockford]

Thanks for that, but each id is unique and I've tried using both link and import (with absolute and relative uri's) and each one separately, but still no joy.

<link href="http://localhost/dunlopandlugton/dunlopandlugton.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
@import url("dunlopandlugton.css");
-->
</style>

[Nick_W]

Try dropping the quotes from your @import Jim.

@import url(somestyles.css);

Nick

[DrDoc]

No, the quotes aren't the problem .. it's the comment <!-- -->

I assume you're working on an XHTML page. According to the documentation a standards compliant browser is allowed to ignore anything inside of comments. Hence, never use comments as a method of "hiding from older browsers".

Remove the comments and it will work just fine ;)

[Nick_W]

I never use them at all. I suspect Doc's right, he usually is!

As an aside, what's the definitive on those quotes?

Nick

[DrDoc]

No quotes inside of parenthesis

background: url(img/blah.gif);

@import url(blah.css);

BUT

@import "blah.css";

[Nick_W]

Yep, that's how I understood it. I just thought it might be either as you didn't mention it being correct/incorrect.

Cheers

Nick

[DrDoc]

Well, I think the user agents are still supposed to render it correctly, and that it shouldn't matter. That's why I didn't mention it. But I can't find any information on the subject (and I'm trying to find a reference to the whole <!-- ->> thing too)
:(

[DrDoc]

Aah! Found it! ;)

XHTML 1.0 [w3.org]

C.4. Embedded Style Sheets and Scripts
Use external style sheets if your style sheet uses < or & or ]]> or --. Use external scripts if your script uses < or & or ]]> or --. Note that XML parsers are permitted to silently remove the contents of comments. Therefore, the historical practice of "hiding" scripts and style sheets within "comments" to make the documents backward compatible is likely to not work as expected in XML-based user agents.

[DrDoc]

Personally I like the way they call it historical practice ;)

Like you said, Nick... you never use comments, and there really is no need for them

[jimrockford]

Thanks Doc,

That was the problem. Got my nice layout back (for now anyway).

Jim.