I would like to reorganize my website (which is http://www.consolecolors.com ). I'd like to have a setup that looks like a table, so that each row goes something like this: (Imagine the lines actually line up) Image | Country Exclusive | Limited Edition (number of units made) | Name of Edition | Description yes | UK | Yes (500) | Pokemon Nintendo DS | Colors, drawings, etc But I always hear people say "tables are evil, you shouldn't use tables," blah blah. I assume maybe because tables don't always work correctly in all browsers? Is there a way to make the page uniform and organized without using tables? If not, what should I do to make sure my tables work in most browsers?
People say that because table-based layouts are being depreciated for CSS/ Div layouts. There's nothing "wrong" with them, save for the fact that tables are (and always have been) intended for the presentation of tabular data. To answer your question: it will, most likely, display correctly in all browsers (depending on the content of the tables). The best way to find out is to test it.
Tables are not evil. A lot of CSS purists love to do a table-free layout. But each browser has its own interpretation of the CSS, so everything may look great in IE and Firefox, but it may look weird in Safari or Opera. My approach is always a mix of table and div. You do want to use as few tables as possible so you don't get the habit of overusing it.
It is a little harder to get multiple browsers to look about the same with pure css but it’s worth it when you need to make quick content edits. However in the case of actual tabular data it’s still ok to use a table. good luck.