CSS bug in opera 7 ?

[Robert Ludewig]

in the following exmaple:

http://www.htw-dresden.de/~s9686/Site/index2.html

I defined the following css for the gay-bordered div:

div#Content
{
position: absolute;
bottom: 150px;
top:150px;
left: 260px;
width: 500px;
border: 2px;
border-style: solid;
border-color: #EAEAEA;
overflow: auto;
padding: 5px;
}

But (again) this is not displayed properly in opera.
When the browserwindow gets resized the div's bottom border chnages and does
not stay at 150px (bottom: 150px;
).

Do I do anything wrong or is there a workaround for that problem ?

 

[Spartanicus]

Kindly don't multipost.

http://www.htw-dresden.de/~s9686/Site/index2.html

Do I do anything wrong

Almost certainly since it exhibits the same behaviour in Mozilla. Never
use IE as your point of reference for CSS rendering, it's very
unreliable.

 

[Robert Ludewig]

I tried with latest netscape and latest firefox, there it works fine, but
not in opera .....

Did you really se the grey bordered div see chnaging its size (so that the
gab from bottom oft the browser to grey broder stays the same) when you
scale the opera-window ????

 

[Robert Ludewig]

I installed mozilla now, and it works fine there. You probally missed
something ...


Again:
The gray-bordered div-tag shall have the the height of 100% minus 150px
(thats what bottom:150px is supposed to do) at the bottom and minus 150px at
the top.
So that when I resize the window of the broswer the div gets scaled up or
down. Only opera doesn't work:

There a resize of the window does not result in a resized div.

I sucessfully testet the following broswers (all the latets availabe version
on windows XP SP2):

Firefox
Netscape
IE (allthough that doesn't mean anything)

 

[Spartanicus]

I tried with latest netscape and latest firefox, there it works fine, but
not in opera .....

Who are you talking to? Hint: quote a bit of what you are responding to.

Did you really se the grey bordered div see chnaging its size (so that the
gab from bottom oft the browser to grey broder stays the same) when you
scale the opera-window ????

No, that only happens in IE, not in Opera, not in Firefox.

Btw, the grey border is hardly visible and unnecessary scrollbars all
over the place (Firefox again). A quick glance at the code shows
terribly convoluted div soup apparently in an attempt to achieve
something what imo looks terrible.

 

[Robert Ludewig]

Who are you talking to? Hint: quote a bit of what you are responding to.


No, that only happens in IE, not in Opera, not in Firefox.

Look closer, there is a min-height, to see the effect you need to resize
your browser bigger than than the min-height, because min-height has no
effect in IE you had the imression it only works in IE. As I said, I tested
in all the above mentioned browsers.

Btw, the grey border is hardly visible and unnecessary scrollbars all
over the place (Firefox again). A quick glance at the code shows
terribly convoluted div soup apparently in an attempt to achieve
something what imo looks terrible.

Don't get fooled by that terrible layout. Its just a test for now... And I
tell you every div has its meaning and the same thing is not possible with
less divs (Since I need onion-skinning (one div for each corner pic) ...

 

[Robert Ludewig]

I made a more obvious example for you. That has no min-height and less divs.
NOW you should be able to see the difference between opera and all other
browsers.

http://www.htw-dresden.de/~s9686/OperaProblem.html

 

[Spartanicus]

I made a more obvious example for you. That has no min-height and less divs.
NOW you should be able to see the difference between opera and all other
browsers.

http://www.htw-dresden.de/~s9686/OperaProblem.html

Less chance of confusion with a minimized test case like this.

Still can't see any difference between Opera (tested with 7.51 and
7.6p1), Firefox (0.9.2) and Mozilla (1.5). Apart from an extra
unnecessary vertical scrollbar it also displays/behaves the same in IE
(5.5). I've resized my window in all browsers, but they behave the same.
What is the issue you are seeing?

Btw, why the unnecessary scrollbar(s) again?

 

[Robert Ludewig]

Less chance of confusion with a minimized test case like this.

Still can't see any difference between Opera (tested with 7.51 and
7.6p1), Firefox (0.9.2) and Mozilla (1.5). Apart from an extra
unnecessary vertical scrollbar it also displays/behaves the same in IE
(5.5). I've resized my window in all browsers, but they behave the same.
What is the issue you are seeing?

http://www.htw-dresden.de/~s9686/Opera_OnLoad.jpg
When the page loads everything looks ok. The red middle divtag stretches
over the whole browserwindow vertically (minus the header, minus the footer)

But the I resize the broswerwindow smaller horizontically:
http://www.htw-dresden.de/~s9686/Opera_OnResize.jpg
You can now see that the middle red divtag does not correctly stretch over
whole browserwindow vertically. bottom:100px; has no effect.
The red divtag is to big (it does not change its size when resizing the
browserwindow down. You can tell that the red div tag is to big and does not
end at the blue footer, because:
1. The bottom black border of the red div is "gone".
2. Suddenly there is a scrollbar (wich chould not happen if the middle red
tag would have scaled down)
infact when you scroll down:
http://www.htw-dresden.de/~s9686/Opera_OnResize_scrolled.jpg
you can see the red div being too big. (it should have ended at the footer
because of bottom:100px).

This is not happening in any other browser:

http://www.htw-dresden.de/~s9686/Netscape_OnResize.jpg
http://www.htw-dresden.de/~s9686/Mozilla_OnResize.jpg

(no scrollbar, black border at the footer)

 

[rf]

Robert Ludewig wrote

[Opera bug]

http://www.htw-dresden.de/~s9686/Opera_OnLoad.jpg
http://www.htw-dresden.de/~s9686/Opera_OnResize.jpg

The only opera I have to hand ATM is 6.05 but I can confirm the problem is
there as well.

Points to note:

If I drag the right window border to the right all is OK.

If I drag the border *slowly*, ie a pixel at a time, to the left all is OK.

If I drag the border *quickly* to the left then the blue div often raises up
about 20 pixels or so.

This 20 pixels or so is *exactly* as high as a horizontal scroll bar, if it
were to be present. This can be confirmed by noting that in the "error"
condition the bottom of the blue div is at the same position as when the
window is narrow enough to have a scroll bar.

I can subjectivly confirm that "quickly" means that each mouse move is of
the order of 20 pixels or more, that is: greater than the width of a
vertical scroll bar. Very interesting.

This behaviour is common to opera 6 & opera 7.

Conclusion: This is a bug in the opera rendering engine. You can either
report to opera or accept it as a bug and move on to other things

 

[rf]

Robert Ludewig

http://www.htw-dresden.de/~s9686/Opera_OnLoad.jpg

Forgot to mention. With IE, once there is a horizontal scroll bar the bottom
of the "page" is permanently under the scroll bar, causing an unneeded
vertical scroll bar.

 

[Spartanicus]

http://www.htw-dresden.de/~s9686/Opera_OnLoad.jpg
When the page loads everything looks ok. The red middle divtag stretches
over the whole browserwindow vertically (minus the header, minus the footer)

But the I resize the broswerwindow smaller horizontically:
http://www.htw-dresden.de/~s9686/Opera_OnResize.jpg
You can now see that the middle red divtag does not correctly stretch over
whole browserwindow vertically.

Nope, definitely not happening here. I tried maximizing/restoring the
browser window, unmaximizing the mdi window and dragging the window
borders, all fine. Try lowering your video hardware acceleration, if the
issue goes away then you are seeing an issue in your video driver.

 

[Spartanicus]

Nope, definitely not happening here.

Screenshot: http://www.spartanicus.utvinternet.ie/test/robert.png (27kb)

 

[Robert Ludewig]

Conclusion: This is a bug in the opera rendering engine. You can either

report to opera or accept it as a bug and move on to other things

bur reported as bug-150817