I've Gone Retro!

 

I just got rid of my cascading style sheets and <div>s and replaced them with an HTML table.! That's really retro. The first time I created a home page was on Yahoo Geocities. There was a wizard on Geocities for creating your own web page and it made a home page like the one I have now; it used tables. I replaced the tables with <div> structures that I arranged with cascading style sheets, when I learned some more about HTML. ...and now I've gone back to tables!

What was so bad about cascading style sheets (CSS) that made me trash them in my home page? There's noting wrong with CSS, but web browsers have always displayed them differently from each other. At first the difference in CSS rendering between the different browsers was pretty negligible; Internet Explorer 3 was the first browser to utilize CSS, then Netscape 4.0, then Opera 3.5. In fact, I still have Firefox 8.0.1 on the PC I'm using right now (Caprica, a 2004 PC that's running Windows XP), and it's still very compatible with IE. However, my new PC, Serval has Firefox 13 on it and it treats CSS written for IE as a foreign language.

Of course, there is a solution. In one of my personal blogs I wrote about using a combination of JavaScript and the IE tag so my home page could produce HTML dynamically and be legible on both IE and Firefox. That worked great at first, but as I kept modifying my home page it became harder and harder to have one home page render correctly in both IE and Firefox. Too make matters worse, Chrome has become very popular of late, and it renders CSS differently from both IE and Firefox. So I would have to think about an writing extra set of JavaScript commands for testing for Chrome and dynamically creating HTML for it.

I finally gave up on CSS and re-wote my home page as an HTML table. Tables are great; they render about the same on all browsers (about; there are still some differences). After a few re-writes my home page table looks presentable. Actually, I'm using nested tables. My background table has my background wallpaper set to fill 100% of the table, and the table is set to fill 100% of the browser document.  The foreground table is smaller then the background table, offset to the right too create a margin effect. The <body> tag still has a background, the same as my background table, but I'm using CSS3 too fill up the page. Some browsers let my tables fill the browser document with my table background, but some don't. So I've resorted to CSS3 in hopes that anybody who has a browser that won't let my table background fill their screen, that they'll have a new enough version of that browser so it will render CSS3. ...but the structure of my home page is now a table structure.

Back To My Blog Page