473,322 Members | 1,405 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,322 software developers and data experts.

Opera 8 bug - please confirm

See <http://santek.no-ip.org/~st/tests/CSS/Opera/align.php>.

Would appreciate confirmation that this is a bug in Opera, not my
mistake.

--
Sander Tekelenburg, <http://www.euronet.nl/%7Etekelenb/>
Jul 29 '05 #1
7 1756
Els
Sander Tekelenburg wrote:
See <http://santek.no-ip.org/~st/tests/CSS/Opera/align.php>.

Would appreciate confirmation that this is a bug in Opera, not my
mistake.


If you make your code standards compliant (get rid of vspace, hspace,
put a div between the <body> element and the images, add the type
attribute to the <style> element and get rid of the align attribute on
the first image), Opera doesn't show the image twice.
The CSS equivalent of align="right", is float:right.
And yes, if you add style="float:right;" to that first image, you get
to see it twice again. I find that logical though, as a floated image
can't at the same time be positioned (fixed, relative or absolute).

Trying this code in Opera, Firefox and IE, shows 3 different results.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 29 '05 #2
Sander Tekelenburg <us**@domain.invalid> wrote:
See <http://santek.no-ip.org/~st/tests/CSS/Opera/align.php>.

Would appreciate confirmation that this is a bug in Opera, not my
mistake.


This is a ridiculous hodgepodge of invalid presentational HTML under a
Strict doctype.

Under CSS 2.x there are 3 mutually exclusive positioning schemes
http://www.w3.org/TR/CSS21/visuren.h...tioning-scheme
Under the current rules attempting to float *and* absolutely position an
element is daft, browser behaviour in such a case is undefined.

--
Spartanicus
Jul 29 '05 #3
In article <41***************************@40tude.net>,
Els <el*********@tiscali.nl> wrote:
Sander Tekelenburg wrote:
See <http://santek.no-ip.org/~st/tests/CSS/Opera/align.php>.

[...]
The CSS equivalent of align="right", is float:right.
Ah! Of course. *That* was my mistake. I mixed up float with position. I
just need to set float to none to then be able to fixed position the
image. Thanks!
And yes, if you add style="float:right;" to that first image, you get
to see it twice again. I find that logical though, as a floated image
can't at the same time be positioned (fixed, relative or absolute).


Right.

--
Sander Tekelenburg, <http://www.euronet.nl/%7Etekelenb/>
Jul 30 '05 #4
In article
<du********************************@news.spartanic us.utvinternet.ie>,
Spartanicus <in*****@invalid.invalid> wrote:
Sander Tekelenburg <us**@domain.invalid> wrote:
See <http://santek.no-ip.org/~st/tests/CSS/Opera/align.php>.

Would appreciate confirmation that this is a bug in Opera, not my
mistake.


This is a ridiculous hodgepodge of invalid presentational HTML under a
Strict doctype.


Ah, yes. You're right. Sorry about that. I'm building a site. Things
behaved as they should in iCab, Opera, Mozilla and Safari. But Explorer
(both Win and Mac actually) screwed up big time. So I changed some
things to make Explorer at least display the site in a *useable* manner,
which required giving up competely on some fixed positionionig in IE and
then using the ALIGN and V/-HSPACE attributes to a specific image. I
then forgot to change the doctype declaration to Transitional and mixed
up float and fixed positioning. For the site I use external CSS of
course - when setting up examples like this I find it more comfortable
to use inline CSS, but I simply forgot the TYPE attribute to STYLE.

So, sorry about the mess. Blame Microsoft ;(

Corrected code at
<http://santek.no-ip.org/~st/tests/CSS/Opera/align3.php>. And
<http://santek.no-ip.org/~st/tests/CSS/Opera/align2.php> to show what i
was after.

Opera indeed behaves as it should. iCab Mozilla and Safari apparently
were trying to be too helpful...

--
Sander Tekelenburg, <http://www.euronet.nl/%7Etekelenb/>
Jul 30 '05 #5
Sander Tekelenburg <us**@domain.invalid> wrote:
For the site I use external CSS of
course - when setting up examples like this I find it more comfortable
to use inline CSS
In-document CSS is preferred for posting examples here, it saves us from
having to open and look at 2 or more files.
<http://santek.no-ip.org/~st/tests/CSS/Opera/align2.php> to show what i
was after.
You don't need the presentational hodgepodge or a transitional doctype:
http://homepage.ntlworld.com/spartanicus/sander.htm

Note that I've also changed the positioning of the image since your
original positioning relative to the right viewport edge didn't scale
properly when the viewport width was narrowed.
Opera indeed behaves as it should. iCab Mozilla and Safari apparently
were trying to be too helpful...


Again: browser behaviour for your original code is undefined as per the
spec, thus the browsers are neither wrong nor right.

--
Spartanicus
Jul 30 '05 #6
In article
<i7********************************@news.spartanic us.utvinternet.ie>,
Spartanicus <in*****@invalid.invalid> wrote:
Sander Tekelenburg <us**@domain.invalid> wrote:
[...]
In-document CSS is preferred for posting examples here, it saves us from
having to open and look at 2 or more files.


Exactly.
<http://santek.no-ip.org/~st/tests/CSS/Opera/align2.php> to show what i
was after.


You don't need the presentational hodgepodge or a transitional doctype:
http://homepage.ntlworld.com/spartanicus/sander.htm


Ah, right. Good to know.

(Doesn't 'work' for the actual site though, where this structure is
itself within a float. Looks like I narrowed it down too much in my
example. I'll see if I can change the approach on the site. Would be
nice to not have to use presentational mark-up.)
Thanks for your help!

--
Sander Tekelenburg, <http://www.euronet.nl/%7Etekelenb/>
Jul 30 '05 #7
Sander Tekelenburg <us**@domain.invalid> wrote:
You don't need the presentational hodgepodge or a transitional doctype:
http://homepage.ntlworld.com/spartanicus/sander.htm


Ah, right. Good to know.

(Doesn't 'work' for the actual site though, where this structure is
itself within a float.


Shouldn't be a problem, specify "position:relative" on the float to make
it the containing block.

--
Spartanicus
Jul 30 '05 #8

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

Similar topics

2
by: Sean Burns | last post by:
Hello, does anybody know how to open a dialog window in opera? I use window.showModalDialog(....) for IE but Opera says "Expression did not evaluate to a function object: window.showModalDialog"...
10
by: tony kulik | last post by:
This code works fine in ie and opera but not at all in Mozilla. Anybody got a clue as to how to get it right? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <script...
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...
10
by: K. S. | last post by:
hi guys, this code works fine in IE but doesnot work in opera. the page just reloads to test.html# in opera. can anyone help? thanks. ...
4
by: Howard Jess | last post by:
In Opera 8.01 (Linux; Build 1204) and in Opera 7.54 (Windows XP; Build 3865), my form disappears from the HTML markup (below). To summarize: 1) In a <script> block in the <head> I create a form...
7
by: Tigger | last post by:
Dear Experts, I am working on ASP.NET. I have got a problem related to the usage of Javascript in ASP.NET. Please help. The story is the following: 1) I am developing an ASP.NET application. I...
3
by: wonderu | last post by:
Hi! I have the AJAX-script. It eats memory about 4Kb per one callback. Script reflects messages from server application in real-time. I form messages, and put them into the iframe. If mesages more...
5
by: Dr J R Stockton | last post by:
Computed at <URL:http://www.merlyn.demon.co.uk/js-datex.htm#OSTby the code shown above it when using Opera 9.24 : Test exact dates in two 11-year ranges; IE & FF are OK. Opera 9.24 shows...
2
by: koruyucu | last post by:
we'd like to make smth like google implemented in gmail: when user compose mail and then wants to leave page without actually sending it, gmail notifies user about mail was not sent. this should...
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: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
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.