Life the universe and everything

CSS Div vs Table Layout

with 6 comments

OK. I’m going to eat humble pie. I have just migrated my main website to XHTML and Div based CSS layout with hardly a table in sight.

As I stated in my previous post I wanted to find a CSS solution which gave me the flexibility of tables using Divs. I stubbornly continued in this quest and came across Yahoo’s developer network grids: http://developer.yahoo.com/yui/grids/

I found that their template layouts were very similar to my existing layout and offered the opportunity to seamlessly migrate my site quickly with only minor tweaking of the CSS required.

I am very pleased with the result but will have to wait and see if the search engines approve.

Having migrated to Div/CSS based layout I decided to update my HTML to XHTML, a much cleaner markup language. With a very helpful tutorial from w3schools.com I proceeded to clean-up my code.

Although a bit laborious I was delighted to see the pages validating.

So, in conclusion … I DO think that CSS based design is the way forward and I am now a convert. My pages are smaller (around 20% smaller), the content is near the top of the markup (good for SEO as well as for software web readers) and I now find myself with a more flexible website because it is CSS based. I could even give users the option of where they want the menu at the click of a link. I won’t, but I could.

Some people will find their page sizes reduce more or less dependant on the use of tables. For example I had already reduced my page sizes by adopting <ul><li> instead of repeated <tr><td>’s for menus etc.

Advertisements

Written by barnabyfry

December 7, 2006 at 11:53 am

Posted in SEO

6 Responses

Subscribe to comments with RSS.

  1. Congrats on making the move to CSS!

    I’m the developers of Yahoo!’s CSS Grids library, and it feels great to hear that it was useful to you. Feel free to drop me a note as you continue to play with the YUI Library.

    Thanks
    Nate

    Nate Koechley

    December 7, 2006 at 10:48 pm

  2. But what is the better, CSS-DIV or Table ?

    manish

    December 14, 2006 at 6:44 am

  3. Hi Manish,

    CSS-DIV is my choice for the future. Sorry if this wasn’t clear.

    Barney

    barnabyfry

    December 16, 2006 at 6:52 am

  4. Thank you for the auspicious writeup. It in fact was a amusement account it.
    Look advanced to more added agreeable from you!

    By the way, how can we communicate?

    green coffee extract

    April 10, 2013 at 5:15 am

  5. I absolutely love your website.. Excellent colors
    & theme. Did you make this site yourself? Please reply back as I’m looking to create my very own website and would like to know where you got this from or what the theme is named. Appreciate it!

    diet program

    June 14, 2013 at 9:47 pm

  6. I’ve read a few just right stuff here. Certainly worth bookmarking for
    revisiting. I surprise how a lot effort you put to create this type of excellent informative web site.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: