First of all, congratulations if you are geeky enough to understand the title of this article. Many would be like, "CSS, MS.. IE, error ..what..?" Whatever. If you get the title, you will get the point of this utterly pointless exercise. If that is the case, prepare for a delightful romp through geekland. Otherwise, save your precious time and stop reading here (exit strategy).
We hates them, precious..
Well, okay, for the seriously unenlightened, let us explain the object of our present focus:
The default "DNS Error" page for Internet Explorer unfortunately remains a familiar sight for millions of Microsoft users. Typically, the default MS DNS Error page loads whenever a browser is unable to connect to the internet or other networked resource. Once loaded, the error page announces itself with a message that reads "The page cannot be displayed." The page then presents several options: refresh browser, retype address, check connection, check configuration, etc. — Monzilla Media (i.e., me)
Still interested? Well, okay. Actually, it’s no big deal. Just a nice, standards-compliant, CSS-based redesign of that old, nappy Internet Explorer 404 Error page. You know the one. Whenever you can’t connect to the internet, it jumps up at you, sticks out it’s tongue and mocks you. Yes, we hate it, too. But alas, with the release of Internet Explorer 7 comes a ‘brand new’ 404 error page. Surely, it’s just a matter of time before that dumpy old 404 error page circa IE5/6 disappears forever. So, before that tragedy unfolds..
Coding at grandma’s house..
Recently, while trapped at a relative’s house for a ‘special’ occasion, we found myself checking out the family computer. Not much to look at or play with, so we decided to jump online. After several attempts, the default IE6 404 Error page finally convinced us of two sad realities: (1) there was no internet connection, and (2) we were in for a dreadfully long evening at Grandma’s house. After a few moments staring at that hideous error page, we were all like, "Oh yeah? Well who are you to tell me that ‘The page cannot be displayed’?" Getting tough, we began pushing the snotty little page around a bit, you know, resizing the window real fast, examining the source code..
The error page we deserve right now..
And then suddenly, as if possessed by the ghost of standards-compliance past, we obsessively began clicking around the source code and rewriting the (ahem) markup. Soon, content emerged separate from presentation. Table-based layout was transformed into standards-compliant markup. The HTML 3-point-whatever DOCTYPE had evolved into XHTML 1.0 Strict. On and on, until finally, after several hours of hiding from the relatives, we had completely redesigned that sad, old 404 Error page into a standards-compliant, near-perfect replicate of the original. Best of all, we killed three hours of pointless small talk and boring conversation in the blink of an eye. — Okay, time to go!
Before & After
Check out before and after versions of the old IE error page.
|Microsoft old & busted version||Monzilla new & improved version|
|view source code||view source code|