Ширина столбца таблицы растянута

0

Может кто-нибудь объяснить мне, почему мой стол не закладывает то, что я ожидаю?
Столбец, отображающий номера телефонов, должен быть как можно шире, но ячейка с адресом электронной почты увеличивает колонку с числовыми метками?

http://jsfiddle.net/NinjaArmadillo/UX3pH/

<table width='100%' border="1">
  <tr>
    <td rowspan='5'>PIC</td>
    <td colspan='2'>First Lastname</td>
  </tr>
  <tr>
    <td colspan='2'>Users Position</td>
  </tr>
  <tr>
    <td colspan='2'>[email protected]</td>
  </tr>
  <tr>
    <td><span>business:</span></td>
    <td width='100%'><span>123-4567</span></td>
  </tr>
  <tr>
    <td><span>mobile:</span></td>
    <td width='100%'><span>765-4321</span></td>
  </tr>
</table>

PS Пожалуйста, нет "Вы должны использовать DIVs!", Я знаю, это небольшая часть гораздо большего макета, и я не мог получить все, чтобы работать с DIV, и у меня заканчивается время, v2.0 будет реорганизован использовать DIV (если я смогу получить время, чтобы заставить их работать)

  • 3
    Для меня макет работает так, как вы хотите (с моей интерпретацией вашего требования). Можете ли вы опубликовать скриншот ожидаемого макета?
  • 0
    То же самое здесь ... вы устанавливаете ширину таблицы на 100%, таким образом, ваша общая таблица будет равна 100% ширины экрана. Это означает, что каждый ряд будет иметь ширину 100%. Неважно, если есть один или два столбца.
Показать ещё 3 комментария
Теги:
html-table

1 ответ

1

Это поможет вам td{width:5%}

демонстрация

  • 0
    Я думаю, он хотел, чтобы числовые метки были уменьшены до минимально возможной ширины.

Ещё вопросы

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