Проблема с размерами body{}

Kenshi45 · February 17, 2009

Не получается задать размеры, хочу, чтобы страница занимала 100% размера окна.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru" dir="ltr">
<head>
  <title>Страница не найдена</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {
	border: 1px solid red;
	height: 100%;
}

table.t1{
	height: 100%;
	width: 100%;
}
</style>

</head>

<body>
<table class="t1" cellspacing="0" cellpadding="0" border="1">
<tr>
<td>123</td>
</tr>
</table>

</body>
</html>

rus · February 17, 2009

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body {
	min-height: 100%;
	height:auto !important;
	height:100%;
}

У таблицы нет параметра height, она растягивается от родителя и содержимого.

Edited February 17, 2009 by rus

Kenshi45 · February 17, 2009

Синтаксис

Параметры

align

Определяет выравнивание таблицы.

background

Задает фоновый рисунок в таблице.

bgcolor

Цвет фона таблицы.

border

Толщина рамки в пикселах.

bordercolor

Цвет рамки.

cellpadding

Отступ от рамки до содержимого ячейки.

cellspacing

Расстояние между ячейками.

cols

Число колонок в таблице.

height

Высота таблицы.

width

Ширина таблицы.

Edited February 17, 2009 by Kenshi45

s0rr0w · February 17, 2009

Синтаксис ....

http://www.w3.org/TR/html401/struct/tables.html#h-11.2.1

Вот тут найдите атрибут height.

Kenshi45 · February 17, 2009

http://www.w3.org/TR/html401/struct/tables.html#h-11.2.1
Вот тут найдите атрибут height.

То есть при строгом doctype никак не сделать таблицу на весь экран?

s0rr0w · February 17, 2009

То есть при строгом doctype никак не сделать таблицу на весь экран?

Почему никак? CSS для этого есть.

Главное, понимать суть того, что есть высота и от какого значения высчитывается высота в 100%.

http://www.w3.org/TR/CSS21/visudet.html#the-height-property

Kenshi45 · February 17, 2009

Почему никак? CSS для этого есть.
Главное, понимать суть того, что есть высота и от какого значения высчитывается высота в 100%.
http://www.w3.org/TR/CSS21/visudet.html#the-height-property

А можно примерчик страницы с таблицой высотой 100%?

s0rr0w · February 17, 2009

А можно примерчик страницы с таблицой высотой 100%?

А вам слабо воспользоваться поиском на данном форуме и найти себе с десяток примерчиков? :rolleyes:

Kenshi45 · February 17, 2009

Да что-то не могу найти работающий пример...

rus · February 17, 2009

Да что-то не могу найти работающий пример...

Ты в глаза долбишься?

Я тебе дал рабочий пример, только вот убери:

height:auto !important;

забыл про это.

Одни лентяи, даже проверить не соизволил.

Kenshi45 · February 17, 2009

Ты в глаза долбишься?
Я тебе дал рабочий пример, только вот убери:
height:auto !important;
забыл про это.
Одни лентяи, даже проверить не соизволил.

Не работает, проверял раз 5, ставлю внуть таблицу с height: 100%; а она больше не становится.

Проверял даже с <html style="height: 100%;">

Edited February 17, 2009 by Kenshi45

rus · February 17, 2009

Не работает, проверял раз 5

Проверял браузерами: мозила, ие, опера все работает, для наглядности увеличил бордер до 10:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru" dir="ltr">
<head>
<title>Страница не найдена</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body {
	min-height: 100%;
	height:100%;
}
table.t1 {
	height: 100%;
	width: 100%;
}
</style>
</head>
<body>
<table class="t1" cellspacing="0" cellpadding="0" border="10">
  <tr>
    <td>123</td>
  </tr>
</table>
</body>
</html>

Sign In

Проблема с размерами body{}

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information