Good to be back!

I'm currently revising some templates that I had made for my product information pages.

I am working with ZC 1.3.8A....

My question is this:

I had a table and another table nested inside the first.

My layout was nothing complex, but I decided to re-do the page
layout utilizing CSS.

The tables worked. As I said, it was a simple layout. Nothing so special.

I only took them out because I've recently read a book on CSS stating that W3C recommends using tables only for tabular data, and using DiVs defined in a stylesheet for layout,. I wanted to take out EVERYTHING that was deprecated in HTML, and use CSS instead.

After finishing that task, I decided to remove the tables, and use CSS DiVs to create the (simple) layout. (A box within a box, really!) I know that tables are NOT deprecated, but DiVs are suggested for formatting a page instead.

I managed to get the CSS version working.

But then I found a few sites (many, actually) debating which is better. Many are old posts, but there are some current ones as well.

Is there any reason I should go with CSS DiVs or HTML Tables?

I've read some older browsers (and some current ones--forgot the names) don't understand DiVs. But if that's the case, won't they not work with Zen Cart ANYway, as DiVs are used?

Or, are DiVs used for styling, but not in place of tables, or both.

Any experienced web designers, please consider sharing your opinion and experiences.

I am at a crossroads; I know it was good getting rid of deprecated HTML styling tags, but.....did I go too far?!?!?

Take care & Be Well....

Donn