Форум Сайтостроение Веб-строительство

распечатать фон ячейки

TT
На сайте с 11.07.2009
Offline
0
TanaTiX
1173

Как создать блок(div) внутри ячейки таблицы на 100% высоты ячейки при отсутствии задания у последней фиксированных размеров?

Исходная задача: распечатать таблицу (резина) так, что б у некоторых ячеек был фон. background работать не хочет.

Пример кодаЖ


html, body{
margin:40px;
padding:0px;
}
#block{
width:100%;
background:yellow;
}
#tab{
margin: 0 auto;
height:230px;
width:500px;
border:2px double #000000;
border-collapse: collapse;
}
#tab td{
border:1px solid black;
border-collapse: collapse;
vertical-align:top;
margin:0px;
padding:0px;
}
#cont{
background:red;
width:100%;
height:100%;
}

в примере css подгружается пока как screen, как будет удовлетворительный результат - заменю на print


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<LINK rel="stylesheet" type="text/css" media="screen" href="screen.css">
</head>
<body>
<div id="block">
<table id="tab">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>
<div id="cont">4</div>
</td>
</tr>
</table>
</div>
</body>
</html>
Prior
На сайте с 03.03.2008
Offline
194
Prior
#1

<td style="background-color:red"> - заменяет цвет фона для текущей ячейки. это надо?

Ответы на вопрос - https://answers.net.pl
TT
На сайте с 11.07.2009
Offline
0
TanaTiX
#2

Prior, это подходит для экрана, а мне надо для печати.

Николай В.
На сайте с 07.09.2006
Offline
62
Николай В.
#3

Никак, это настройка браузера:

Хотя всегда можно извратиться и спозиционировать IMG в качестве фона.

Prior
На сайте с 03.03.2008
Offline
194
Prior
#4

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

TT
На сайте с 11.07.2009
Offline
0
TanaTiX
#5

Prior, не просто дви нужного цвета, а отдельный слой с дивами с нужными картинками вместо фона, растянутыми под размеры нужной ячейки. Проблема в том как определить количество, размер и координаты нужной ячейки. Тут без javascript не обойтись. Вопрос в том как. Я не могу достучаться отдельно до каждой ячейки. Был бы благодарен.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий