DIV tables
 

There's so much talk about making tables with CSS and div tags. Why is it better? Just because of loading times? The internet is already fast enough.

Personal opinion: tables are for tabular material. They work fine. Tables are not for layout. I wouldn't make my table (for tabular material) from divs with the attributes, "table", "table-row", and "table-cell" simply because it seems silly to do that when the table is available. Besides that, the attributes do NOT work as advertised, cross-browser. I admit that I do not use the table's attributes for border, background, etc. I still use the table, but I apply a style wherever I need it.

simply put, you have better control over your layout, use less bandwith, and can make all pages instantly printer friendly with a complete CSS layout. it's as simple as that

Ok I'm going to try. I did this: http://commodore.gran.ee/test/ . As always I have problems :). I hope you understand that I'm trying to make a box that uses some images for it's border and that scales it's height to fit it's content. I have done this before with tables but I want to try div's too.

You're making a bit of a meal of it...

Here's a simple, semantically correct demo:

http://www.vertexwerks.com/tests/sidebox/

I tried to look for tutorials but they just did simple boxes without images.

EDIT: The link you gave makes it with 600x600 px images :eek:

Ok, I found some tutorials and I started learning this shizn.

http://commodore.gran.ee/test/

How can I make the left and right border images liquid (they will change their size according to the content)?

Your question is entirely unclear, since you only have material in one div. Cottonpicker, I really need to get my crystal ball back from the shop.

I don't really know whether it is better or not. But, working with tables at times is difficult for me especially with nested ones for layout

A guy in another forum helped me. The site looks like this now: http://commodore.gran.ee/test/

How can I fix the repeating of the top and bottom images in IE?

How can I make the menu links change the background only when hovering over? Right now they change the width too! I understand it's the problem of padding, but I don't know how to solve this better.