473,326 Members | 2,108 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,326 software developers and data experts.

Opera problems, take 2

After making corrections, and passing the WC3 validation checks for the web
page and the CSS, I'm still having problems ... only with Opera (7.54 and
8.0) at:

http://www.writeonwhidbey.org/_priva...sitestBOB.html

This works perfectly on Firefox, Netscape, and Mozilla, and works on IE with
that little wobble motion that we all know. In Opera, the navbar moves up
when you scroll down. Any one have a clue how to solve this?

The relevant embedded CSS is:

<style type="text/css">
<!--
#moveNav { position: absolute; left: 0px; top: 0px; }
body > div#moveNav { position: fixed; }
-->
</style>

<!--[if gte IE 5.5]>
<style type="text/css">
div#moveNav {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ?
document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]-->

<div id="moveNav">
etc. this is where the navbar goes


Jul 21 '05 #1
8 1961

Bob Richardson wrote:
After making corrections, and passing the WC3 validation checks for the web page and the CSS, I'm still having problems ... only with Opera (7.54 and 8.0) at:

http://www.writeonwhidbey.org/_priva...sitestBOB.html

This works perfectly on Firefox, Netscape, and Mozilla, and works on IE with that little wobble motion that we all know. In Opera, the navbar moves up when you scroll down. Any one have a clue how to solve this?

The relevant embedded CSS is:

<style type="text/css">
<!--
#moveNav { position: absolute; left: 0px; top: 0px; }
body > div#moveNav { position: fixed; }
-->
</style>


If I change
body > div#moveNav { position: fixed; }
to
div#moveNav { position: fixed; }
then it works in Opera.

(a) this seems like a bug, create a minimal test case and report it to
Opera.
(b) the workaround is easy as I don't think you need the body >
selector at all in this case.

Steve

Jul 21 '05 #2
"Bob Richardson" <bobr at whidbey dot com> wrote:
After making corrections, and passing the WC3 validation checks for the web
page and the CSS, I'm still having problems ... only with Opera (7.54 and
8.0) at:

http://www.writeonwhidbey.org/_priva...sitestBOB.html

This works perfectly on Firefox, Netscape, and Mozilla, and works on IE with
that little wobble motion that we all know. In Opera, the navbar moves up
when you scroll down. Any one have a clue how to solve this?


You are using this child selector construct: body > div#moveNav, but
div#moveNav is not a child of the body element.

Btw, it may now validate but you are serving invalid html to IE with the
incorrect placing of the IE conditional comment positioned inside the
body.

Btw2, omit the white space around the child selector to hide stuff from
IE.

--
Spartanicus
Jul 21 '05 #3

"Steve Pugh" <st***@pugh.net> wrote in message
news:11**********************@o13g2000cwo.googlegr oups.com...

Bob Richardson wrote:
After making corrections, and passing the WC3 validation checks for

the web
page and the CSS, I'm still having problems ... only with Opera (7.54

and
8.0) at:

http://www.writeonwhidbey.org/_priva...sitestBOB.html

This works perfectly on Firefox, Netscape, and Mozilla, and works on

IE with
that little wobble motion that we all know. In Opera, the navbar

moves up
when you scroll down. Any one have a clue how to solve this?

The relevant embedded CSS is:

<style type="text/css">
<!--
#moveNav { position: absolute; left: 0px; top: 0px; }
body > div#moveNav { position: fixed; }
-->
</style>


If I change
body > div#moveNav { position: fixed; }
to
div#moveNav { position: fixed; }
then it works in Opera.

(a) this seems like a bug, create a minimal test case and report it to
Opera.
(b) the workaround is easy as I don't think you need the body >
selector at all in this case.


It may work in Opera, but no longer works in IE with this change :( I
realize that IE has a bug but I have to do what's necessary to satisfy 80%
of the users with IE. If it's a choice or doing it wrong to satisfy 80% of
the users, or doing it right for 5%, I've got to go with the 80%. At least
Firefox, Mozilla, and Netscape work correctly.
Jul 21 '05 #4
>> If I change
body > div#moveNav { position: fixed; }
to
div#moveNav { position: fixed; }
then it works in Opera.


It may work in Opera, but no longer works in IE with this change :(


Maybe change it to html>body div#moveNav { position: fixed; }?
--
Kevin Wu Won exclipy #40979410
@gmail.com
Jul 21 '05 #5
Thanks for the suggestions, but it still doesn't work. I'm fairly certain
that I need to keep position : absolute in order for IE to work. And the
only way that Opera will work is to have position : fixed.

"Kevin Wu Won" <s4******@uq.student> wrote in message
news:op***************@emc-c23-117.resnet.uq.edu.au...
If I change
body > div#moveNav { position: fixed; }
to
div#moveNav { position: fixed; }
then it works in Opera.


It may work in Opera, but no longer works in IE with this change :(


Maybe change it to html>body div#moveNav { position: fixed; }?
--
Kevin Wu Won exclipy #40979410
@gmail.com

Jul 21 '05 #6
"Bob Richardson" <bobr at whidbey dot com> wrote:
Thanks for the suggestions, but it still doesn't work. I'm fairly certain
that I need to keep position : absolute in order for IE to work. And the
only way that Opera will work is to have position : fixed.


Yes. The best possiblity is to put the position: absolute inside the
IE conditional comment so only the browser that needs it gets it. As
you've place the cc last any styles within it will over ride those
before it so long as the selectors have equal specificity.

Steve

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

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 21 '05 #7

"Kevin Wu Won" <s4******@uq.student> wrote in message
news:op***************@emc-c23-117.resnet.uq.edu.au...
If I change
body > div#moveNav { position: fixed; }
to
div#moveNav { position: fixed; }
then it works in Opera.


It may work in Opera, but no longer works in IE with this change :(


Maybe change it to html>body div#moveNav { position: fixed; }?


I got it to work in all browsers now. Below you can see the code that
"works" in Opera and the others, (I hesitate to say the "correct code") I've
also included a comment line showing the code I was originally using that
does not work.

<style type="text/css"><!--
#moveNavIE { position: absolute; }
/*#moveNavIE { position: absolute; left: 0px; top: 0px; }*/
--></style>

For some strange reason, assigning the left and top at 0px caused the
failure - only in Opera. Anyone have a clue why, or is this just a minor
Opera bug.

BTW, this code works fine in the <body> as well as the <head>, although it
really should be put in the <head>.
Jul 21 '05 #8
I liked this idea, but it didn't work for me. Is it possible that Opera
looks at the conditional comment? I'd hate to think so.

"Steve Pugh" <st***@pugh.net> wrote in message
news:lq********************************@4ax.com...
"Bob Richardson" <bobr at whidbey dot com> wrote:
Thanks for the suggestions, but it still doesn't work. I'm fairly certain
that I need to keep position : absolute in order for IE to work. And the
only way that Opera will work is to have position : fixed.


Yes. The best possiblity is to put the position: absolute inside the
IE conditional comment so only the browser that needs it gets it. As
you've place the cc last any styles within it will over ride those
before it so long as the selectors have equal specificity.

Steve

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

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

Jul 21 '05 #9

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Spijon | last post by:
Seems opera can not work normally with javascript, does anyone knows how to fix it? Thanks in advance.
24
by: Mohammd M. Hussain | last post by:
Hi, I am writing an XHTML 1.0 Strict Compatible web page. However, the validator complained about the <br> tag. I wonder whether there is another alternative for this. Thanks,
7
by: TheMartian | last post by:
Opera is driving me nuts, I am trying to get it to actually render a table the full width of the browser window sounds easy, but no, Opera and only Opera leaves a 16px margin on the right edge ...
6
by: Dr.Bob | last post by:
Dear group, I made a 3 column design, centered in the middle, and #1 overlaps #2. To start, it was so much a hell to get this combination (3 columns, centering and stacking) right in IE + FF + OP...
24
by: Thomas Mlynarczyk | last post by:
Hi, Here's what I have: <div> <img ...><br> Caption text </div> The div is floated left and has no width set, the content is centered, there are no margins or padding on the <img> (just a...
3
by: eternalD3 | last post by:
Hi, I have a problem to get this working on Opera 7.x+. This does not need to work on older Opera browsers There are problems on rendering the sub-level navigation. It aligns right on Firefox...
3
by: raptor | last post by:
hi, how to detect opera..it seems that even opera8 doesnt support xmlhttp fully (.i.e. sendRequestHeader). I ask this 'cause opera seems to mimic IE, at least in the preferences ?! I havent...
5
by: Marri | last post by:
I'm working on a fairly simple website, built in PHP, to allow members to post their old items for sale. I've been beta testing it for two weeks, and everything has worked perfectly so far- but then...
41
by: amygdala | last post by:
Hello all, I have posted a similar question in comp.lang.php in the past, but haven't had any response to it then. I kinda swept the problem under the rug since then. But I would really like to...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.