this blog is best viewed in any browser

if you have visited this blog prior to this post, you would have immediately noticed the changes in my title bar. here's the story...

i was recently pointed towards the website of the Viewable With Any Browser Campaign and realized that this is exactly what i was referring to when i blogged about the html problems in my title bar.

here's the idea:

"Anyone who slaps a 'this page is best viewed with Browser X' label on a Web page appears to be yearning for the bad old days, before the Web, when you had very little chance of reading a document written on another computer, another word processor, or another network."

so i joined the anybrowser forum and consulted with a subject-matter expert. his/her take on the matter (basically):

"The problem stems from your use of the marquee: it's a Microsoft-only tag, i.e it's NOT approved HTML - so Internet Exploiter is (I think) the only browser that fully supports it. It doesn't look that great in FF... it almost works... but not quite. It looks ok in Opera. In IE it looks great!

I think that simply deleting the marquee section would ADD to (rather than detract from) the overall quality of your blog - and free you up to concentrate on the content, rather than the presentation."

--Daily Llama

i therefore opted to drop the marquee. i'd rather work hard on presenting my blog in a way that adds interest to the content itself, rather than detract from it. so now i can (i hope) place the proud little button in my sidebar links, declaring this blog as viewable with any browser!


oh, and by the way, i also recently revamped the sidebar to update my blogroll and links. i'm also in the process of organizing my multiply account as my online photo/music/video album. my next project: conquering blogger beta.

This blog is best viewed in Internet Explorer

This blog is best viewed in Internet Explorer.

Here’s a screenshot of my blog when viewed at Internet Explorer 7:


Using the IE7 web browser, the heading appears as it should be --- the subtitle under the heading "…in pursuit of sensible sanity" is divided into six equally sized boxes, with text scrolling in different directions, at the same speed. I was able to customize the text content of this title bar when I sourced the code from an HTML tutorial site (which I can’t find anymore). At the time, my web browsing experience was exclusive to Internet Explorer.

Now that I’ve switched to the Mozilla Firefox web browser, the title bar turned into this:


My subtitles are now in a state of disarray --- the scrolling won’t work, boxes are randomly shaped, and some text won’t even appear. The title bar is now overwhelmed by the ugly and obviously erratic result of bad HTML codes.

My web designing knowledge is limited to my blogging experience – which actually means inadequate proficiency in HTML. I would only look at some HTML tutorial sites to copy creative codes or make logical revisions of codes based on my previous entries. I would also copy the codes from other interesting sites (using the view source command) when they’re simple enough.

Imagine my distress when I saw the Firefox look of my blog! I didn’t lose faith in the highly recommended browser; I considered instead the possibility that something was wrong with my codes.

Later I would find out that some codes are locked-in to specific web browsers or servers, or even operating systems. A web site design (or at least HTML codes) which adheres to long-established standards should work with any browser and can produce roughly the same experience in any browser since they’re vendor-neutral, cross-platform and standards-compliant.

I also found out about The Web Standards Project and their Acid 2 Browser Test, a test page written to help browser vendors ensure proper support for web standards in their products. Apparently, both IE7 and Firefox 2 failed the test.


Should I feel any less guilty [that the HTML codes I used in IE7 doesn’t work in Firefox]? I guess so. But Acid2 compliant or not, bad codes will lurk in websites as long as there are bad code writers (including guilty me). Hence, I’d be very eager to learn about basic standards-compliant web designing, if only to be able to tweak and pimp my blog for creativity’s sake.

Firefox 3 is in the works and they’re improving the web browser to pass the Acid2 test. For the meantime, I’d appreciate if someone could help me correct the non-compliant codes in my title bar...