Overflow bug in Safari and Opera?

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Sander Tekelenburg - 25 Dec 2004 22:10 GMT

While working on <http://www.lotzofmusic.com/> I ran into some issues
with overflow (the decorative fishes). It seems to me the construction
is sound, yet Safari ignores the overflow:hidden.

At first glance it appeared that this is related to the fact that the
SPANs contain only a background image and have a defined width & height,
but no:

I put up a simplified test-case at
<http://santek.no-ip.org/~st/tests/CSS/overflow_hidden.php>, where the
SPANs *do* contain content and no background image. iCab 3.0, Mozilla
1.7.5 and even Mac IE 5.2.3 and *even* Win IE 5.5! understand it.
Defining the SPANs' width appears to be needed only by Opera (7.5.4,
Mac).

Just curious if people (dis)agree that this code is sound and Safari and
Opera are wrong.

Signature

Sander Tekelenburg, <http://www.euronet.nl/%7Etekelenb/>

Reply to this Message

Eric Meyer - 28 Dec 2004 22:54 GMT

> Just curious if people (dis)agree that this code is sound and Safari and
> Opera are wrong.

I'll write an article about this bug next week.
Regards,

Eric.

Reply to this Message

Sander Tekelenburg - 30 Dec 2004 04:20 GMT

> > Just curious if people (dis)agree that this code is sound and Safari and
> > Opera are wrong.
>
> I'll write an article about this bug next week.

Very nice. Hopefuly it'll help Apple motivate to fix this.

Where exactly will we find your article?

Signature

Sander Tekelenburg, <http://www.euronet.nl/%7Etekelenb/>

Reply to this Message

Rijk van Geijtenbeek - 29 Dec 2004 00:55 GMT

> While working on <http://www.lotzofmusic.com/> I ran into some issues
> with overflow (the decorative fishes). It seems to me the construction
[quoted text clipped - 13 lines]
> Just curious if people (dis)agree that this code is sound and Safari and
> Opera are wrong.

The test-case behaves exactly like you describe (and like Firefox behaves)
in my WinOpera 7.54. Same for the fishes (but they show up randomly,
right?). Opera 7.5x indeed needs defined widths for floats inside floats,
a bug that will be fixed in Opera 8.

Signature

Rijk van Geijtenbeek

The Web is a procrastination apparatus:
It can absorb as much time as is required to ensure that you
won't get any real work done. - J.Nielsen

Reply to this Message

Sander Tekelenburg - 29 Dec 2004 08:44 GMT

> > While working on <http://www.lotzofmusic.com/> I ran into some issues
> > with overflow (the decorative fishes). It seems to me the construction
> > is sound, yet Safari ignores the overflow:hidden.

Well, that is to say, I just noticed that when I remove the float:left
from the enclosing DIVs, suddenly Safari and even Mac IE 5.2.3 and Win
IE5.5 behave they way I hoped for (except for the hover effect, but
that's secundary), Mozilla still does too, but then Opera 7.5.4 and iCab
3.0 don't... They only the first DIV, and show white space in the place
of subsequent DIVs.

See <http://santek.no-ip.org/~st/lom/> (where the only difference is
that the SPANs' enclosing DIVs have no float:left.)

Now I'm confused again... :) Which is the correct behaviour in both
cases?

[...]

[<http://santek.no-ip.org/~st/tests/CSS/overflow_hidden.php>]

> The test-case behaves exactly like you describe (and like Firefox behaves)
> in my WinOpera 7.54. Same for the fishes (but they show up randomly,
> right?).

Correct. They're all swimming around in this nice big fish tank on the
server. When the page is requested, there's a little guy that quickly
catches some of them for you ;)

> Opera 7.5x indeed needs defined widths for floats inside floats,
> a bug that will be fixed in Opera 8.

Very good :)

Signature

Sander Tekelenburg, <http://www.euronet.nl/%7Etekelenb/>

Reply to this Message

Sander Tekelenburg - 30 Dec 2004 05:17 GMT

[...]

> > > While working on <http://www.lotzofmusic.com/> I ran into some issues
> > > with overflow (the decorative fishes). It seems to me the construction
[quoted text clipped - 9 lines]
> See <http://santek.no-ip.org/~st/lom/> (where the only difference is
> that the SPANs' enclosing DIVs have no float:left.)

Someone pointed out to me why, and I think it makes sense. When the DIV
doesn't float, its SPANs are allowed to float outside of the DIV, in
this case floating into the next DIV. Add to that that the DIVs have set
overflow: hidden, those SPANs should be hidden, but because they also
'push away' the SPANs of the other DIVs, they too should get hidden.

So (aside from Opera's reliance in the SPANs' explicit width) it seems
that Opera and iCab's behaviour is correct and that Mozilla, Safari and
IE's is wrong.

Test-case at <http://santek.no-ip.org/~st/tests/CSS/overflow_hidden.php>
updated.

(dis)agreement welcome :)

Signature

Sander Tekelenburg, <http://www.euronet.nl/%7Etekelenb/>

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / December 2004

Overflow bug in Safari and Opera?