The Amazing Netscape Fish Cam Page Redesigned with Web StandardsSunday April 27th, 2003The Amazing Netscape Fish Cam page, one of the early icons of the World Wide Web, has been brought into the Twenty-First Century with a standards-based redesign from CSS guru Eric Meyer. The equally amazing Netscape DevEdge has an article covering one aspect of the redesign. The Fishcam page misrenders in both Safari and Opera 7, and it looks like what those browsers are doing is actually correct. The stylesheet has a rule for h2 elements that says clear: both, and both Safari and Opera honor the setting and make the h2 clear the float. Mozilla does not. Am I just crazy? ;) from what i can see, they forgot a "div.card" in front of the h2 in fishy.css. "Here in JavaScript land at Netscape,we have a large fish tank with some cameras pointed at it." ... and there's a whitespace missing between "Netscape," and "we"... :-D Out of curiosity I tried running this page through the W3C Validator http://validator.w3.org/ and it doesn't validate! First off there's no character encoding specified in the document so I specified utf-8 just to get the validator to check the markup. All of the errors appear to be in the Netscape Header and Footer sections: missing "type" attribute on a <script>, the others are generated because of the way the JavaScript does document.write()s Is it too much to ask to get a page showing off standards such as CSS to actually validate without providing the "effective source" (after you include all the document.writes)? This is no different from ESPN's validation not working because of MSN's adbar. Not a whole lot they can do about it probably. I've purchased, read and enjoyed several of Eric's books. It surprised me that on his images he left title out of the images and went with only alt.???? img src="thumb_clown_trigger.jpg" alt="Clown Trigger" border="0" width="150" height="115" Maybe he was using alt for it's intended purpose? Just because some browsers (erronously) render alt as a tooltip doesn't mean he should add title just for the browsers that don't. OTOH, I think the alt text is approprite, since the text will read: Black eel [line break] Geometrix Eel [line break] The Geometrix Eel gets its name from the pattern on its head. If you look closely, the eyes on this eel look fake. This eel is also a good hunter, but only grows to 24 inches. on non graphical / non css browsers, which I think makes less sense than no alt text at all. The best soultion would probably be: Geometrix Eel [line break] [alt text] The Eel is black with yellow stripes[line break] The Geometrix Eel gets its name from the pattern on its head. If you look closely, the eyes on this eel look fake. This eel is also a good hunter, but only grows to 24 inches. Fishy fishy fishy fish! ...can you still get there by using Ctrl-Alt-F? (Sorry if this is a stupid question, but I'm running Firebird, haven't used Mozilla since pre-1.0, so I really don't know!) ---- mike Yeah, it seems Ctrl-Alt-F takes you to that page. (Using Mozilla 1.3.) Not on Windows due to bug 25369: http://bugzilla.mozilla.org/show_bug.cgi?id=25369 I hate non-scrolling backgrounds. This page will not be receiving my patronage until they remove the non-scrolling background.:) You must be smoking something. That looks cool! > You must be smoking something. That looks cool! I don't want to notice backgrounds no matter how cool they look. Ergo, they should behave the way everything else does when I want to scroll. Otherwise, they force my eyes to look at them when I really want to look at the actual content.:) |