My CSS works in IE and Mozilla but not Netscape or Opera
(new set of test pages below)
I used the following Windows-based browsers in my tests:
IE 6.0.29
Mozilla Firefox 1.0
Netscape 7.1
Opera 7.54.
My test page(s) is a 2 column page built with 2 relative positioned DIVs, with "overflow:auto;" set in both DIVs.
Because of this, I turned off overflow on the body tag and on the html tag (overflow: hidden;). I didn't want to have 2 scroll bars on the right side of the window.
In order to force vertical scrollbars, I've added text content (the related style sheet) to each test page.
My focus is to find a cross-browser style sheet that doesn't render blank pages and also only has 1 right-side scrollbar (when scrolling is needed).
Test 1:
http://64.23.63.119/x1test.html
I use "overflow: hidden;" in both the html and body tags.
IE and Firefox render the page as I'd hoped.
Netscape and Opera both render a blank page.
Test 2:
http://64.23.63.119/x2test.html
I comment out "overflow: hidden;" in both the html and body tags.
My test page displays in all 4 browsers, but I get an extra right side scroll area in most of them.
Opera renders the page as I'd hoped (one scroll bar).
Test 3:
http://64.23.63.119/x3test.html
I use "overflow: hidden;" in the html tag only.
Firefox and Netscape display wonderfully.
My test page displays in IE, but I get an extra scroll area.
Opera renders a blank page.
Test 4:
http://64.23.63.119/x4test.html
I use "overflow: hidden;" in the body tag only.
IE and Firefox display wonderfully.
Netscape and Opera both render a blank page.
I can only imagine what other browsers (Mac-based, Unix-based, AOL, etc) display. But I do not have access to them for testing.
Thx,
Rich
"...
