Opera Broke My Page!

[fleemo17]

It would appear that Opera 7.54 for the Mac doesn't like my layout.
Since I've added a search box to the page, it has taken all my
navigation links and bunched them together. Works fine in all the other
browsers I've tested it on. Why would things go so astray in Opera?

-Fleemo

[Michael Vilain]

In article <11**********************@o13g2000cwo.googlegroups .com>,
fl******@comcast.net wrote:

It would appear that Opera 7.54 for the Mac doesn't like my layout.
Since I've added a search box to the page, it has taken all my
navigation links and bunched them together. Works fine in all the other
browsers I've tested it on. Why would things go so astray in Opera?

-Fleemo

I've had significant problems with layout on Opera. To the point that I
finally said I couldn't support my site on it. Then I started using CSS
and when stayed within the bounds of CSS1, the pages still came out
rendering diffently than on all the other MacOS browsers. So, I just
added an extra Opera CSS and use it to tweak presentation on that
browser. This approach seems to work OK.

--
DeeDee, don't press that button! DeeDee! NO! Dee...

[fleemo17]

Thanks for the input Michael.

My title was a bit tongue-in-cheek, as I'm sure it's far more a fault
of my coding than Opera's rendering ability. But I will agree that
it's a bit more frustrating of a browser to work with than most others.
When you provided the extra Opera CSS, did you present it as a link on
the page leading to an alternate style sheet, or did you use some other
method?

And I guess it would help a little to list the URL of the page Opera's
rendering strangely: http://www.sunriveronline.org/misc/clrn

-Fleemo

[Steve Pugh]

[e-mail] wrote:

And I guess it would help a little to list the URL of the page Opera's rendering strangely: http://www.sunriveronline.org/misc/clrn

Opera 7 (not just the Mac version) had some problems with floats inside
positioned elements. It seems to be fixed in Opera 8.

I would strongly suggest not absolutely positioning the nav bar.
There's no real need to do so and by not doing so you reduce the
chances of part of the navbar vanishing behind the search box when
users of any browser increase the font size (or simpler have a larger
default font size than you anticipated).

Steve

[Michael Vilain]

In article <11**********************@z14g2000cwz.googlegroups .com>,
fl******@comcast.net wrote:

Thanks for the input Michael.

My title was a bit tongue-in-cheek, as I'm sure it's far more a fault
of my coding than Opera's rendering ability. But I will agree that
it's a bit more frustrating of a browser to work with than most others.
When you provided the extra Opera CSS, did you present it as a link on
the page leading to an alternate style sheet, or did you use some other
method?

And I guess it would help a little to list the URL of the page Opera's
rendering strangely: http://www.sunriveronline.org/misc/clrn

-Fleemo

<style type='text/css'>
<!--
@import url("/lib/main.css");
@import url("/lib/main-op.css");
-->
</style>

since the page is generated from php, the server can detect which
browser is requesting the page, so it can add the customized tweeks for
each browser. I test on all the major MacOS browsers (Safari, IE 5.2,
Netscape 7, Mozilla, Camino, & Firefox) but not iCab (it's just plain
broken). On XP, I test IE and Firefox.

I'm trying to get away from embedding rendering instructions in the
actual html (e.g. specifying <h2 align=center>) unless I have to.
Rather, I use CSS1. That's been mostly compatible. The caveat that
Opera 7 doesn't do well with floats and absolute positioning is useful
to know. I haven't gotten that far in my CSS conversion efforts.
[Thanks Steve]

--
DeeDee, don't press that button! DeeDee! NO! Dee...