HTML-таблица и выравнивание границ

0

Я пытаюсь выровнять две границы таблицы. Пожалуйста, взгляните на этот небольшой пример http://jsfiddle.net/kf82J/2/

В Internet Explorer и Chrome правая рамка не выровнена, а работает в Firefox.

Моя цель состоит в том, чтобы иметь возможность нарисовать линию, которая "выравнивает" ширину в середине названия, ее трудно объяснить словами, просто проверьте jsfiddle.

Тот же код ниже

<table style="width:100%;border-collapse: collapse;">
    <tr style="height: 10px;">
        <td style="width: 1px;">
        </td>
        <td rowspan="2" style="font-size:19pwhite-space:nowrap;x;width:1px;">
            Title &nbsp; &nbsp;
        </td>
        <td style="height:50%;">
        &nbsp;
        </td>
    </tr>
    <tr style="height: 10px;">
        <td>
        </td>
        <td style="height:50%;border-top: 1px solid black; border-right: 1px solid black;">
        &nbsp;
        </td>
    </tr>
</table>
<table  style="width:100%;border-collapse: collapse;border:1px solid black;border-top:none;">
    <tr>
        <td>Content</td>
    </tr>
</table>
Теги:
html-table
border

2 ответа

2
Лучший ответ

Удалить нижнюю строку из css для таблицы

 border-collapse: collapse;

Это сработало для меня в скрипке.

0

В качестве альтернативы вы можете попробовать добавить прозрачную рамку для первой таблицы

<table style="border:1px solid transparent;>
  • 0
    Почти границы выровнены, но между таблицами существует разрыв в 1 пиксель

Ещё вопросы

Сообщество Overcoder
Наверх
Меню