Блок внутри ячейки таблицы.

TanaTiX · July 11, 2009

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

Пример скрипта:

<!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>

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%;
}

DjTarik · July 11, 2009

По-ходу никак... Но вашу задачу можно решить и по другому... Задайте конктретный вопрос - получите конктретный ответ)

TanaTiX · July 11, 2009

Задайте конктретный вопрос - получите конктретный ответ)

Мне нужно распечатать таблицу (резина), в некоторых ячейках которой должен быть фоновый цвет. Реализация с помощью css (серверные технологии не подходят). Задание соответствующей ячейке свойства background в css-файле с настройками для принтера желаемого успеха не принесли. Было решено создать несколько слоев с разной глубиной внутри ячейки таблицы, отсюда и такой вопрос.

Образец кода для тестов, на котором остановился на данный момент сообщением выше.

Edited July 11, 2009 by TanaTiX

D.S.Denton · July 11, 2009

на принтер в принципе не выведется ничего из такой таблицы стилей.

приглядись к строке: <LINK rel="stylesheet" type="text/css" media="screen" href="screen.css">

upd: кажется даже знаю причину (о которой косвенно свидетельствует и этот единственный написанный заглавными буквами тэг при наличии доктайпа) - TanaTiX просто копипастом делает страницу, не вникнув что же копирует :blink:

TanaTiX · July 11, 2009

D.S.Denton, ошибаешься. Просто я для начала для экрана делаю, что б потом уже под принтер адаптировать. Вот ищу разные лазйки для реализаци...

D.S.Denton · July 11, 2009

ну тогда сделай отдельно таблицу media="print" и будет счастье :blink: ведь:

Задание соответствующей ячейке свойства background в css-файле с настройками для принтера желаемого успеха не принесли.

если оно работает на экране, то на принтере (не забудь указать print естесно) тоже условия вполне будут выполняться. другое дело что посетитель может не захотеть печатать фон вообще, тут ты бессилен:

TanaTiX · July 11, 2009

D.S.Denton, так вот и требуется обрести силу, не прибегая к ковыряниям в браузере :blink:

То что указать print - это само собой.

D.S.Denton · July 12, 2009

ну тогда кроме задания картинки ничего в голову не приходит, т.к. ты не хозяин посетителю своему и запретить ему отключить фон не можешь. т.е. отпадают все варианты через background - и цвет и картинка, придется втыкать ее как <img>, да и это не лекарство, мне же никто не мешает отключить картинки вообще. зато прибавляется проблема с растягиванием, картинку просто так через чистый хтмл не получится под всю ячейку подогнать

TanaTiX · July 12, 2009

OK. Я примерно так и понял, буду ковырять в сторону javascript. Вот у меня и вопрос созрел. Есть тэги с определенным классом (как вариант - с Id), как мне организовать доступ к каждому из них? Хочу создать отдельным фоном n-е количество div-ов нужного размера с нужными координатами. Вот для определения координат, размера и их количества мне и нужно это.

Edited July 12, 2009 by TanaTiX

Sign In

Блок внутри ячейки таблицы.

Question

TanaTiX

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

DjTarik

Link to comment

Share on other sites

TanaTiX

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

TanaTiX

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

TanaTiX

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

TanaTiX

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information