CSS workaround for Opera 5

Hi,

I have a web page that works fine in Opera 7 and other modern browsers (IE6,
Mozilla 1.4, NS7.1, etc.), but not in Opera 5. I know which style properties
to set for Opera 5 to make it work, but these affect the layout in the other
browsers in a way that I don't find acceptable.

Is there a way of writing properties that apply only to Opera 5, or of writing
properties that will be hidden from Opera 5, so I can set the Opera 5 values,
then override them for other browsers in the hidden section?

e.g. IE has the <!--[if IE]> trick, and I can hide stuff from NS4 by wrapping
it in @media all{}. Is there an equivalent trick for Opera 5?

As an aside, anyone care to make a guess as to what percentage of Opera users
use each version?

Thanks,

Anthony

In article <65lb6sry.fsf (AT) anthonyw (DOT) cjb.net>,
anthony.williamsNOSPAM (AT) anthonyw (DOT) cjb.net says...

Hi,

I have a web page that works fine in Opera 7 and other modern browsers (IE6,
Mozilla 1.4, NS7.1, etc.), but not in Opera 5. I know which style properties
to set for Opera 5 to make it work, but these affect the layout in the other
browsers in a way that I don't find acceptable.

I think you can assume that people smart enough to use the Opera browser

are smart enough to upgrade.

Jacqui or (maybe) Pete <porjes (AT) spamcop (DOT) net> wrote:

In article <65lb6sry.fsf (AT) anthonyw (DOT) cjb.net>,
anthony.williamsNOSPAM (AT) anthonyw (DOT) cjb.net says...
Hi,

I have a web page that works fine in Opera 7 and other modern browsers (IE6,
Mozilla 1.4, NS7.1, etc.), but not in Opera 5. I know which style properties
to set for Opera 5 to make it work, but these affect the layout in the other
browsers in a way that I don't find acceptable.

I think you can assume that people smart enough to use the Opera browser
are smart enough to upgrade.

In general yes, but there are some people who see Opera 7, and even
Opera 6 as steps in the wrong direction and who stick with older
versions as a consequence.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>

In article <65lb6sry.fsf (AT) anthonyw (DOT) cjb.net>, Anthony Williams wrote:

I have a web page that works fine in Opera 7 and other modern browsers (IE6,
Mozilla 1.4, NS7.1, etc.), but not in Opera 5. I know which style properties
to set for Opera 5 to make it work, but these affect the layout in the other
browsers in a way that I don't find acceptable.

Exact problem please? URL?

There is many ways, nothing simple for Opera 5, IIRC.
http://w3development.de/css/hide_css_from_browsers/

Is there a way of writing properties that apply only to Opera 5, or of writing
properties that will be hidden from Opera 5, so I can set the Opera 5 values,
then override them for other browsers in the hidden section?

IIRC, using ill capitalized classes worked for some situation:

..class {} /* correct */
..CLASS {} /* Opera 5 */

Don't remember if it affected some other browser, and I newer tested it
widely. Might need IE hiding to hide Opera 5 rule from IEs. I'm not sure
if it hides from Opera6, I didn't need to hide things from it. (html>body
..CLASS {})

e.g. IE has the <!--[if IE]> trick, and I can hide stuff from NS4 by wrapping
it in @media all{}.

And both by
http://w3development.de/css/hide_css...rowsers/child/

Is there an equivalent trick for Opera 5?

There is no easy hiding method for O5 afaik

As an aside, anyone care to make a guess as to what percentage of Opera users
use each version?

I would guess (±25%):
3.6 4 5 6 7
<1% 0% 10% 50% 40%

Opera users aren't as quick updating as mozilla users, as updating costs
money, unless you want ads. Early versions of 7 many crucial functions of
v6 were missing (some still are.).

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään.

Anthony Williams <anthony.williamsNOSPAM (AT) anthonyw (DOT) cjb.net> wrote:

Is there a way of writing properties that apply only to Opera 5, or of writing
properties that will be hidden from Opera 5, so I can set the Opera 5 values,
then override them for other browsers in the hidden section?

http://centricle.com/ref/css/filters/?whitebg


Headless

--
Email and usenet filter list: http://www.headless.dna.ie/usenet.htm

Anthony Williams wrote:

I have a web page that works fine in Opera 7 and other
modern browsers (IE6, Mozilla 1.4, NS7.1, etc.), but not
in Opera 5. I know which style properties to set for
Opera 5 to make it work, but these affect the layout in
the other browsers in a way that I don't find acceptable.

This hides the style sheet from Opera 6 or lesser (tested
under Windows - in Linux all I know is that Opera 7 applies
the style rules):

<link rel="stylesheet" href="example.css" type="text/css"
media="sc#82;een,projection" title="Example">

and then in the style sheet example.css:

@media screen,projection {

/* Your style sheet here */

}

See sample here:
http://html.conclase.net/pruebas/hackolt7.html

Regards,
--
Juanra || http://html.conclase.net/

Lauri Raittila <lauri (AT) raittila (DOT) cjb.net> writes:

In article <65lb6sry.fsf (AT) anthonyw (DOT) cjb.net>, Anthony Williams wrote:

I have a web page that works fine in Opera 7 and other modern browsers (IE6,
Mozilla 1.4, NS7.1, etc.), but not in Opera 5. I know which style properties
to set for Opera 5 to make it work, but these affect the layout in the other
browsers in a way that I don't find acceptable.

Exact problem please? URL?

The problem is that Opera 5 doesn't support overflow: auto; so the sections of
my page which use this don't scroll. It works fine in Opera 7.

I've managed to rejig the page to get a similar effect for the relevant parts,
but this messes up the display in other browsers.

The page is on my home machine, so there isn't a URL. If I haven't got it
fixed by tomorrow, I might upload a test page to demonstrate.

There is many ways, nothing simple for Opera 5, IIRC.
http://w3development.de/css/hide_css_from_browsers/

Thanks for the URL, it's a good summary of the tricks I've seen elsewhere (and
some I haven't)

Is there a way of writing properties that apply only to Opera 5, or of
writing properties that will be hidden from Opera 5, so I can set the Opera
5 values, then override them for other browsers in the hidden section?

IIRC, using ill capitalized classes worked for some situation:

.class {} /* correct */
.CLASS {} /* Opera 5 */

Don't remember if it affected some other browser, and I newer tested it
widely. Might need IE hiding to hide Opera 5 rule from IEs. I'm not sure
if it hides from Opera6, I didn't need to hide things from it. (html>body
.CLASS {})

e.g. IE has the <!--[if IE]> trick, and I can hide stuff from NS4 by
wrapping it in @media all{}.

And both by
http://w3development.de/css/hide_css...rowsers/child/

Is there an equivalent trick for Opera 5?

There is no easy hiding method for O5 afaik

There's one at http://w3development.de/css/hide_css...browsers/more/ that I
intend to test out later.

As an aside, anyone care to make a guess as to what percentage of Opera
users use each version?

I would guess (±25%):
3.6 4 5 6 7
1% 0% 10% 50% 40%

Opera users aren't as quick updating as mozilla users, as updating costs
money, unless you want ads. Early versions of 7 many crucial functions of
v6 were missing (some still are.).

Thanks,

Anthony