Меню
Что нового?

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

xintrea

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

Код: 
...
     <td width="5%" style="background-color: #AFBFF0">
      <a href="<? echo $backUrl ?>">
       <div style="margin: 0px; padding: 0px; height: 100%;">Взад</div>
      </a>
     </td>
...
Вопрос. Как вот этот вложенный <DIV> с надписью "Взад" растянуть на весь размер ячейки <TD>?
 
Redjik

Redjik

Джедай-мастер
td a{
display:block;
width:100%;
height:100%
}

ты пытаешься всунуть блочный элемент внтурь инлайнового
 
Redjik

Redjik

Джедай-мастер
покажи минимальный код, где подтверждаются твои слова - без резета и position:absolute
 
hell0w0rd

hell0w0rd

Продвинутый новичок
Redjik написал(а):
покажи минимальный код, где подтверждаются твои слова - без резета и position:absolute
Нажмите для раскрытия...
PHP: 
<html>
<head>
    <style type="text/css">
        *{
            outline: 1px solid red;
            padding: 5px;
        }
        td{
            /*height: 100px;*/
            background: darkseagreen;
        }
        .test{
            height: 150%;
            background: orange;
        }
    </style>
</head>
<body>

<table>
    <tr>
        <td><div class="test">Привет мир!</div></td>
    </tr>
</table>

</body>
Раскоменть размер и увидишь о чем я говорю.
 
Redjik

Redjik

Джедай-мастер
Ты для чего-то должен задать статическую высоту
Нажмите для раскрытия...
нет
PHP: 
<html>
<head>
    <style type="text/css">
		table{
			height:100%;
			width:100%;
		}
        td{
            background: darkseagreen;
        }
        .test{
            height: 50%;
            background: orange;
        }
    </style>
</head>
<body>

<table>
    <tr>
        <td><div class="test"></div></td>
    </tr>
</table>

</body>
</html>
Проценты отталкиваются от процентов?
Нажмите для раскрытия...
именно - твой пример только паддингами с толку сбивает, ты проценты от 0 считаешь... и этот 0 задан по дефолту браузером...

Я понимаю о чем ты - но формулировки твои не верны.
 
hell0w0rd

hell0w0rd

Продвинутый новичок
Redjik
Да, но ты тут таблице установил размеры. не важно что значит относительно остального контента эти размеры, но теперь внутренности будут отталкиваться от размера таблицы, который уже расчитан.
Я больше доверяю вот http://events.yandex.ru/events/shri/msk-2012/talks/561/ этому докладу:) В начале ясно рассказывается о том, что нужно родителю задать размер, и только потом проценты начнут работать)
ТС советую посмотреть весь курс. Думаю любой найдет для себя что-то интересное)
 
Войдите или зарегистрируйтесь для ответа.
Сверху