On Fri, 13 Jul 2007, Trevor Nicholls wrote:

> Sample table can be seen at
>  http://img2.freeimagehosting.net/uploads/bdf02c11e5.gif

It would be better to post the URL of the page itself, so that both the 
HTML markup and the CSS code (and HTTP headers and images and all the 
rest) are available for analysis.

> My question relates to the junction between the black bottom border of the
> table heading row and the grey side border of the two columns. It's partly
> grey and partly black, and I'd like it to be wholly black.

It's difficult to see: I need to zoom up to 400% on IE 7 to see the issue.

I wrote a simple demo page where the effect is easier to see, due to very 
large (1em) border width: http://www.cs.tut.fi/~jkorpela/test/intb.html

This is tricky because CSS specifications don't seem to specify the color 
of the junction. They specify how adjacent borders collapse, but this is 
about "crossing" borders.

Actually if I view my test page on Firefox 2, I see the borders 
differently. And it seems that Firefox is right: in the collapse, cell 
border color should "win" table border color, other things being equal. 
Perhaps other things aren't equal on your page (e.g., maybe the table 
borders are wider), since it displays the same on Firefox as on IE - 
except for the junction, where the rendering (sufficiently zoomed) is an 
even odder mix of the two colors on Firefox.

> Is there something I have defined inaccurately?

I think the problem is in the vagueness of CSS specs and in browser 
differences. I cannot think of any simple solution. Maybe you need to use 
border-collapse: separate and set the borders in a more detailed manner. 
Since you don't want spacing between adjacent borders, you would have to 
set <table cellspacing="0">, since the CSS equivalent isn't supported by 
IE. I'm not even sure whether this is a feasible approach; maybe it's best 
to accept the problem, since it probably won't disturb most visitors.

-- 
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to