If you're using background colors or images in table cells, and you look at your page in netscape 6+, if one of your table cells doesn't actually have anything in it… (ie. one or more cells look like this)
<td></td>
Then nothing will show up in those cells: no background image. no background color.
CSS to the rescue!!
Put this in your stylesheet and all should be well:
table
{
empty-cells: show
}
2 | Jennifer
Well, no, it doesnt… then again, thats true of most things that would make a web designer's job easier ;-P
That trick will only work with NS6 (doesn't have any affect on IE, which rendered it fine to begin with)
I'll update the post.
3 | kristine
Wow, that's new to me! Cool, I'll have to try that!
The way I always have done it (don't remember where in my learning I got this!) is
By putting something, even just a space, inside of an empty table cell (or a table cell with a background image to repeat), it lets it be shown in all the browsers. (I think)
4 | Jennifer
Kristine, yes actually that's the best way to do it…
I had that little CSS trick from when I was working on a web application that actually WROTE the td cells… but it wasn't smart enough to write the non-breakin-space if there was no data for the cell…
I thought it was just me … I just cannot get the empty-cells code to work. I use Dreamweaver and Front Page and IE6 and the thig will not work whether I put it in in a *.css file or in the page coding itself.
Apart from is there a correction or workaround for this?
scriptygoddess
