[css-d] webkit colspan and border-bottom

2011-08-08 Thread Joergen W. Lang 

[styling a table]

I use the following rule to style the first (tbody) column of a table:

tbody td:first-child {
  font-weight: bold;
  border:  3px solid orange;
}

If the tfoot has a colspan  1, the border-bottom of the last cell spans 
across as many cells as are defined in colspan. According to the rule 
the border-bottom should only be shown under the first cell of the last 
row in tbody.


Test case is here:

   www.joergen-lang.de/test/tabellen-mit-stil.html

The problem does only occur in webkit.
Tested with S2+, C8+, and a more or less recent nightly.


Any ideas, thoughts... are welcome.

Jørgen Lang
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] webkit colspan and border-bottom

2011-08-08 Thread mouryan ekambaram 
This is working fine in firefox  ... may be problem in webkit browsers
like chrome
Regards
Eka





On Mon, Aug 8, 2011 at 5:57 PM, Joergen W. Lang joergen_l...@gmx.de wrote:
 [styling a table]

 I use the following rule to style the first (tbody) column of a table:

 tbody td:first-child {
  font-weight: bold;
  border:      3px solid orange;
 }

 If the tfoot has a colspan  1, the border-bottom of the last cell spans
 across as many cells as are defined in colspan. According to the rule the
 border-bottom should only be shown under the first cell of the last row in
 tbody.

 Test case is here:

   www.joergen-lang.de/test/tabellen-mit-stil.html

 The problem does only occur in webkit.
 Tested with S2+, C8+, and a more or less recent nightly.


 Any ideas, thoughts... are welcome.

 Jørgen Lang
 __
 css-discuss [css-d@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] webkit colspan and border-bottom

2011-08-08 Thread Philippe Wittenbergh 

On Aug 8, 2011, at 9:27 PM, Joergen W. Lang wrote:

 I use the following rule to style the first (tbody) column of a table:
 
 tbody td:first-child {
  font-weight: bold;
  border:  3px solid orange;
 }
 
 If the tfoot has a colspan  1, the border-bottom of the last cell spans 
 across as many cells as are defined in colspan. According to the rule the 
 border-bottom should only be shown under the first cell of the last row in 
 tbody.
 
 Test case is here:
 
   www.joergen-lang.de/test/tabellen-mit-stil.html
 
 The problem does only occur in webkit.
 Tested with S2+, C8+, and a more or less recent nightly.
 
 
 Any ideas, thoughts... are welcome.

It only happens with border-collapse: collapse tables.

https://bugs.webkit.org/enter_bug.cgi ?

(although, this is strikingly similar to 
https://bugs.webkit.org/show_bug.cgi?id=20840)

None of that helps in the immediate future, of course.

A fairly crazy workaround, far from perfect:

table { border-collapse: separate; border-spacing: 0; border-right 1px solid; 
border-bottom: 1px solid; }
td, th { border: 1px solid; border-width: 1px 0 0 1px;}
tbody  tr td:first-child { border-width: 3px 3px 0; border-color: lime;}
tbody  tr:last-child td:first-child { border-bottom-width: 3px; }

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/






__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/