Converting clunky table with one big image bg to a modern DIV
Hello
I have a table on a site that is giving me headaches.
I would like to convert it to a div version
I'll post the url in my next comment.
I use this "table" on several pages. Most of them are 3 column. But occasionally it needs to be 4 columns.
But for now I would like it to be a 3 column and look about the same way it does as a table. It has a background image that fills the entire overall div. I need to keep the background as an image because of beveled edges, which for now the client wants.
Any best practices and modern browser compatible (firefox, ie and chrome) would be appreciated:
Thanks
Rowby
I have a table on a site that is giving me headaches.
I would like to convert it to a div version
I'll post the url in my next comment.
I use this "table" on several pages. Most of them are 3 column. But occasionally it needs to be 4 columns.
But for now I would like it to be a 3 column and look about the same way it does as a table. It has a background image that fills the entire overall div. I need to keep the background as an image because of beveled edges, which for now the client wants.
Any best practices and modern browser compatible (firefox, ie and chrome) would be appreciated:
Thanks
Rowby
The table / div debate has been raging for years - at the core of it is that tables should be used for representing tabular data and not for layout.
In this case it looks like your table is being used for tabular data - and converting it to a div is not necessarily best practice.
What are the primary reasons for you to want to change it?
In this case it looks like your table is being used for tabular data - and converting it to a div is not necessarily best practice.
What are the primary reasons for you to want to change it?
ASKER
Hi Julian
For compatibility reasons. I'm having problems keeping the table compatible on different browsers -- Firefox, Explorer and Chrome
if you look at the link in firefox the word Daytona at the top of the table is precisely positioned as my client wants it. But in Chrome it is slightly higher.
As I clone this table for other products it seems to take forever to get it all positioned correctly. So I thought that all DIVS would be the way to go and be more easily compatible.
I originally built it as a table because it was tabular data. And after looking over the debates, I went with it. But now I am not sure it is the best choice.
Your thoughts?
Thanks
Rowby
For compatibility reasons. I'm having problems keeping the table compatible on different browsers -- Firefox, Explorer and Chrome
if you look at the link in firefox the word Daytona at the top of the table is precisely positioned as my client wants it. But in Chrome it is slightly higher.
As I clone this table for other products it seems to take forever to get it all positioned correctly. So I thought that all DIVS would be the way to go and be more easily compatible.
I originally built it as a table because it was tabular data. And after looking over the debates, I went with it. But now I am not sure it is the best choice.
Your thoughts?
Thanks
Rowby
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Ah those "p" tags. I thought they would help with the styling. But I see what you mean.
Let me digest your suggestions (give me a day -- will be gone today) and try them out!
Rowby
Let me digest your suggestions (give me a day -- will be gone today) and try them out!
Rowby
ASKER
Hi<br /><br />Sorry for the delay. I fixed the p's and Will watch for those <p>'s in table in the future. I will also try the rounded bits like you said next time around. Rowby
ASKER
Link to test site
It's the top table with the word Daytona on it.
Rowby