Overflow bug in Safari and Opera?

Before serving, add butter and pasta,
serve piping with hot bread and butter.



Offspring Rolls

Similar to Vietnamese style fried rolls, they have lots of meat
(of course this can consist of chicken, beef, pork, or shrimp).
Who can resist this classic appetizer; or light lunch served with
a fresh salad? Versatility is probably this recipe?s greatest virtue,
as one can use the best part of a prime, rare, yearling, or the
morticians occasional horror: a small miracle stopped short by a
drunk driver, or the innocent victim of a drive-by shooting...

2 cups finely chopped very young human flesh
1 cup shredded cabbage
1 cup bean sprouts
5 sprigs green onion, finely chopped
5 cloves minced garlic
4-6 ounces bamboo shoots
Sherry
chicken broth
oil for deep frying (1 gallon)
Salt
pepper
soy & teriyaki
minced ginger, etc.
1 tablespoon cornstarch dissolved in a little cold water
1 egg beaten

Make the stuffing:
Marinate the flesh in a mixture of soy and teriyaki sauces
then stir fry in hot oil for till brown - about 1 minute, remove.
Stir-fry the vegetables.
Put the meat back into the wok and adjust the seasoning.
De-glaze with sherry, cooking off the alcohol.
Add broth (optional) cook a few more minutes.
Add the cornstarch, cook a few minutes till thick,
then place the stuffing into a colander and cool;
2 hours
Wrap the rolls:

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.

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

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.

On Sat, 25 Dec 2004 23:10:00 +0100, Sander Tekelenburg
<user (AT) domain (DOT) invalid> wrote:

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.

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.

--
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

In article <opsjqvilf2cvfty8 (AT) news (DOT) individual.net>,
"Rijk van Geijtenbeek" <rijk (AT) operaremovethiz (DOT) com> wrote:

On Sat, 25 Dec 2004 23:10:00 +0100, Sander Tekelenburg
user (AT) domain (DOT) invalid> wrote:

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

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

In article <opsjqpwfj5yhmpj6@pretinho>,
"Eric Meyer" <ericmeyerREMOVE (AT) meyerweb (DOT) com> wrote:

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?

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

In article <user-47C943.09444829122004 (AT) news (DOT) euro.net>,
Sander Tekelenburg <user (AT) domain (DOT) invalid> wrote:

[...]

On Sat, 25 Dec 2004 23:10:00 +0100, Sander Tekelenburg
user (AT) domain (DOT) invalid> wrote:

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.)

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

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