Log in

View Full Version : CSS background element in table | IE7 v Safari v FF



Chip D
01-12-2009, 07:26 PM
On the site http://www.kb6fw.com/newport.html, I used Eric Meyer's technique described on his Complex Spiral page (see http://meyerweb.com/eric/css/edge/complexspiral/demo.html).

Using CSS, I positioned a blue shaded background image (class-"header") so that it looks correct in IE7, but it appears off-register in FF and Safari. It gives the effect of a transparent blue-tinted background applied to a column header. Elsewhere in the site, where I use this technique, not inside a table, there is no problem. For instance, on the home page.

There must be something about IE7 v Safari v FF table handling which throws this out of whack. Any ideas? Thanks for reading!

Snookerman
01-12-2009, 09:21 PM
You shouldn't use tables for layout, see this article:
http://www.hotdesign.com/seybold/everything.html (http://www.hotdesign.com/seybold/everything.html)

Try using just divs and spans and you should be fine with cross-browser compatibility as well.

Good luck!

Chip D
01-12-2009, 10:24 PM
You're right, the problem disappeared with the table.