LINUX.ORG.RU

Вёрсточный кретинизм: Как растянуть <div> на весь родительский <td> ?


0

1

Есть примитивный код:

...
     <td width="5%" style="background-color: #AFBFF0">
      <a href="<? echo $backUrl ?>">
       <div style="margin: 0px; padding: 0px; height: 100%;">Взад</div>
      </a>
     </td>
...

Вопрос. Как вот этот вложенный <DIV> с надписью «Взад» растянуть на весь размер ячейки <TD>?

★★★★★

сделать cell-spacing и cell-padding равными нулю, не? или еще добавить

table { 
  border-spacing:0;
  border-collapse:collapse;
}

rikardoac ()
Ответ на: комментарий от rikardoac

Это домыслы. Перед тем как советовать, стоит проверить.

Ни атрибуты таблицы cellspacing/cellpadding = 0, ни стиль «border-spacing:0; border-collapse:collapse;» не помогают.

Xintrea ★★★★★ ()

Может это браузеропроблемы? Оно во всех браузерах работает так или в каком-то конкретном?

agentgoblin ()
Ответ на: комментарий от agentgoblin

по крайней мере в хромиуме18 и лисе16 все ок. в опере12.14 аналогично.

rikardoac ()
Последнее исправление: rikardoac (всего исправлений: 1)
Ответ на: комментарий от agentgoblin

Тут, я думаю, могут быть проблемы только с шестым ослом (хотя сомнительно). Скорее ОП неправильно сформулировал вопрос.

rikardoac ()

Не стоит размещать блочный элемента div внутри строкового a, тогда и проблем не будет.

Tigger ★★★★★ ()
Ответ на: комментарий от rikardoac

Осёл - дело такое. Никогда не знаешь, где он заупрямится.

Будь проклят тот день, когда я сел за баранку этого пылесоса!

agentgoblin ()

Во-первых, дивы нельзя помещать в <a>, во-вторых <a style=«display: block; width: 100%; height: 100%;»>

AGUtilities ★★★ ()
Ответ на: комментарий от Tigger

Не стоит размещать блочный элемента div внутри строкового a, тогда и проблем не будет.

А как тогда сделать блочный элемент ссылкой?

Xintrea ★★★★★ ()
Ответ на: комментарий от rikardoac

окай. не знаю как у тебя, но у меня див и так растянут на всю ячейку (это с твоими стилями).

Я неправильно выразился. Не растягивается по вертикали, с шириной проблем нет.

Xintrea ★★★★★ ()
Ответ на: комментарий от Xintrea

Можно сделать блочным элементом саму ссылку: <a style=«display:block»>

Adjkru ★★★★★ ()
Ответ на: комментарий от Xintrea

Даже не знаю, у меня, что по вертикали тянется, что по горизонтали.

rikardoac ()
Ответ на: комментарий от AGUtilities

В HTML5 прогнулись и разрешили.

The a element may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links).

Deleted ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.