"Имитировать" ширину границы в колгруппе с IE7

Question

Предположим, у меня есть что-то вроде этого:

<table class="myTable">
  <colgroup span="2" /><colgroup span="2" />
  <tr><td>........</tr>

И так далее ...

Тогда в таблице стилей:

table.myTable colgroup
{
    border-right: solid 5px #ffffff;
}

Дело в том, что я хочу, чтобы в моей таблице было немного места для разделения колгрупп.

Он отлично работает в Firefox и IE8. Я уже везде читал, что IE7 не реализует границы для colgroup, но вот призыв к вашему воображению и творчеству, есть ли у кого-нибудь представление о том, как я могу достичь аналогичного результата в IE7, не добавляя класс в каждую ячейку или не генерируя пустой клетка ...

Вот пример результата в Firefox 4: http://imageshack.us/photo/my-images/853/capturezz.png/ Сгенерированные заголовки могут быть буквально любой формы, некоторые случаи действительно сложны. Вот почему решение colgroup интересно, так как вычислить необходимый промежуток довольно просто.

Будут оценены все предложения.

Answer 1

У меня нет большого опыта работы с IE7, но это может сработать: Вы можете проверить, можно ли установить фоновое изображение. И выровняйте это изображение (с нужным цветом) по правой стороне ячейки, создав вид искусственной границы.

В настройке Chrome граница группы не работает лучше. Настройка фонового изображения работает.

Greetz

XpertEase

Answer 2

Чтобы использовать свойство border в таблицах, необходимо установить следующее правило. Если нет, вы не получите их

table {
border-collapse:collapse;
}

Тогда вы получите границы, работающие, как вы притворяетесь