310723 - regression in rendering of my website with 1.5 beta involving overflow-x and overflow-y

Status: RESOLVED INVALID

(Core :: Web Painting, defect)

Description

[Richard Smith]

User-Agent:       Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8b4) Gecko/20050908 Firefox/1.4
Build Identifier: Mozilla/5.0 (Macintosh; U; PPC Mac OS X Mach-O; en-US; rv:1.8b4) Gecko/20050908 Firefox/1.4

My website was created some time ago and tested and verified to work on Opera,
Internet Explorer, Safari, Konqueror and Firefox version 1.  I have just tested
it on the new Forefox 1.5 Beta 1 and it does not render correctly.  The menu on
the left of the screen is squashed into a little box.  Maybe the HTML on the
site is not perfect, but if it works on all the major browsers and on previous
versions of Firefox, I would have thought Firefox could have an 'imperfect HTML
rendering mode' to deal with sites like this.  Mine can't be the only one.

Reproducible: Always

Comment 1

[Martijn Wargers (dead)]

You have OVERFLOW-X: auto; in the .menu selector.
Removing that rule fixes the layout.
Firefox1.5 supports overflow-x and overflow-y properties.
I believe the rendering is correct of the site.
See the complete selector and it's rules:
.menu
	{Z-INDEX: 6;
	LEFT: 6;
	TOP: 15;
	HEIGHT: 85;
	WIDTH: 150;
	POSITION: absolute;
	OVERFLOW-X: auto;
	FILTER:alpha(opacity=75);
	-MOZ-OPACITY: 0.7;
	opacity: 0.7;
	FONT-FAMILY:verdana;
#	COLOR:#54001B;
	COLOR: lightgrey;
	FONT-SIZE:14px;
	TEXT-ALIGN:right;}

Comment 2

[Martijn Wargers (dead)]

To be clearer, the setting of overflow-x also sets overflow-y to auto in this case.

Comment 3

[Richard Smith]

OK, thanks, I've removed that and it seems OK now.

Comment 4

[Mats Palmgren (inactive)]

FWIW, it overflows because of the specified 150 x 85 size.

-> INVALID