Не работают стили для колонок в таблице

flap · №1

Добрый день!

У меня есть тестовая страничка в которой задаются стили для таблицы, её код внизу. В IE все работает, а в Firefoxe 1.5 нет.
Подскажите, плз, в чём дело?

<TABLE id=mytab >

<COL SPAN="1" ID=col1 STYLE="color:red">
<COL SPAN="1" ID=col2 STYLE="color:green">
<COL SPAN="1" ID=col3 STYLE="color:blue">
<COL SPAN="1" ID=col4 STYLE="color:yellow">
<TR>
<TD>This column is in the first group.</TD>
<TD>This column is in the second group.</TD>
<TD>This column is in the third group.</TD>
<TD>This column is in the four group.</TD>
</TR>
<TR>
<TD>This column is in the first group.</TD>
<TD>This column is in the second group.</TD>
<TD>This column is in the third group.</TD>
<TD>This column is in the four group.</TD>
</TR>
</TABLE>
<SCRIPT type="text/javascript">

function my_onclick() {
if (col1.style.display=='none'){
col1.style.display='inline'
}
else{
col1.style.display='none'
}
//self.print()
}
</SCRIPT>

</BODY>
</HTML>

Lynn · №2

http://www.w3.org/TR/CSS21/tables.html#q4

А вообще этот момент очень плохо проработан в стандарте.

flap · №3

Спасибо, за ценную ссылку.
Со скрытием, показом колонок разобрался. В лисе нужно вместо свойства display, использовать visibility со значениями collapse и visible. А с цветом всё хуже, кажется там просто нет нужного свойства, так ведь?

тогда рабочий код для скрытия показа колонок будет такой:
function my_onclick() {
if (col1.style.visibility=='collapse'){
col1.style.visibility='visible'
}
else{
col1.style.visibility='collapse'
}
//self.print()
},
но в этом случае в IE не работает.

Lynn · №4

CSS:

Выделить код

Код:

col.hide {
	visibility: collapse;
}
* html col.hide {
	display: none;
}

JS:

Выделить код

Код:

if (col1.className == 'hide'){
  col1.className = ''
}
else{
  col1.className = 'hide'
}

Al_H · №5

flap
У Мозиллы действительно есть определенные проблемы со стилями столбцов и групп столбцов. Например, не работает :hover.

Полезная информация

№104-04-2006 11:26:34