селектор атрибута в IE

[Быколай]

такой css:

.modCont td[rowspan]{
	text-align: left;
}
.modCont td, .modCont th{
	border-left: 1px black solid;
	border-right: 1px black solid; 
	text-align: center;
}

и такой html

<tbody>
<tr>
	<td rowspan="7"><strong>bla-bla-bla</strong></td>
</tr>

	<tr><td>60</td><td>0,26</td><td>-</td><td>22</td><td>50</td><td>92</td><td>129</td></tr>
	<tr><td>100</td><td>0,43</td><td>-</td><td>13</td><td>30</td><td>55</td><td>77</td></tr>
	<tr><td>200</td><td>0,87</td><td>-</td><td>10</td><td>15</td><td>27</td><td>38</td></tr>
	<tr><td>300</td><td>1,3</td><td>-</td><td>4</td><td>10</td><td>19</td><td>26</td></tr>
	<tr><td>500</td><td>2,17</td><td>-</td><td>3</td><td>6</td><td>11</td><td>16</td></tr>
	<tr><td>1000</td><td>4,35</td><td>-</td><td>1</td><td>3</td><td>6</td><td>8</td></tr>

всё везде кошерно, кроме IE, где у всех ячеек оказывается

.modCont td[rowspan]{
	text-align: left;
}

и перекрывает стиль td. какого чёрта?? у них же нет этого атрибута!

Edited October 18, 2011 by Быколай

[sigma77]

и перекрывает стиль td. какого чёрта?? у них же нет этого атрибута!

Такое ощущение, что ИЕ не явно объявляет атрибут rowspan для ячейки. Т.к. с td[rowspan=7] всё работает...

[Быколай]

и перекрывает стиль td. какого чёрта?? у них же нет этого атрибута!

Такое ощущение, что ИЕ не явно объявляет атрибут rowspan для ячейки. Т.к. с td[rowspan=7] всё работает...

вот те и поддержка селекторов атрибутов

UPD: а в режиме совместимости выравнивает ВСЕХ по центру. ппц

Edited October 18, 2011 by Быколай

[sigma77]

UPD: а в режиме совместимости выравнивает ВСЕХ по центру. ппц

Ну это-то как раз и понятно. В режиме совместимости ИЕ работает как ИЕ5.5, а поддержка атрибутов появилась В ИЕ7

[Быколай]

UPD: а в режиме совместимости выравнивает ВСЕХ по центру. ппц

Ну это-то как раз и понятно. В режиме совместимости ИЕ работает как ИЕ5.5, а поддержка атрибутов появилась В ИЕ7

А в девятке такая же лабуда или пофиксили, можете сказать?

[sigma77]

А в девятке такая же лабуда или пофиксили, можете сказать?

Такая же и это фича, а не бага )

[Быколай]

да вы были абсолютно правы, сейчас яваскриптом проверил, в IE у простого td rowspan = 1, в остальных undefined

UPD: победа!!!

.modCont td[rowspan="1"]{
	text-align: center;
}

Edited October 18, 2011 by Быколай

[rash]

Такое ощущение, что ИЕ не явно объявляет атрибут rowspan для ячейки. Т.к. с td[rowspan=7] всё работает...

Так неявно объявленные атрибуты в селекторе учитываться не должны, так что все-таки баг

[SelenIT]

Видимо, корень проблемы в том, что по 7-ю версию IE не делал различия между html-атрибутами и одноименными DOM-свойствами. Начиная с 8-ки это стали вычищать, но, похоже, не всё и не сразу. В 9-ке colspan/rowspan вроде уже адекватны, но, ЕМНИП, бывают сходные проблемы с новыми атрибутами HTML5 типа required...

[Быколай]

Такое ощущение, что ИЕ не явно объявляет атрибут rowspan для ячейки. Т.к. с td[rowspan=7] всё работает...

Так неявно объявленные атрибуты в селекторе учитываться не должны, так что все-таки баг

и я считаю баг. В отладчике ихнем никак не видно, что там есть этот атрибут. Но в скомпилированных стилях значение td{text-align:...} перечёркнуто и активно то что td[rowspan]{. Только когда если готовый DOM запросить, тогда и выясняется.

SelenIT, спасибо за статью!

Edited October 18, 2011 by Быколай