brianirish.com Scientific progress goes *boink*

9Mar/090

Safari: Table cells inheriting row backgrounds

I had the pleasure just now of working with tables (shudder), backgrounds, and Safari v3.2.1. In an attempt to acheive rounded corners on the top left and right of the table, I placed a CSS background property on <tr class="head">. Safari apparently likes to make the child cells (<td>'s) of said row inherit the background image as well, because hey, sharing is caring. As it turns out, THAT'S NOT WHAT I WANT, SAFARI. Even Internet Explorer, the bane of many web developer's existances, has a workable hack. Safari does not.

So, my remedy? After sitting and stewing in anger, I followed this advice and gave in. I took the background property off of the table row and put it on its parent, the table itself. Problem solved averted.

Filed under: CSS Leave a comment
Comments (0) Trackbacks (0)

No comments yet.


Leave a comment


Trackbacks are disabled.