Глупая тема про <DIV>

0

0

Ниже приведена страница, из которой я вырезал всё лишнее, чтобы не отвлекать вас от сути проблема.
Вопросов два:
1. Почему 3 дива col не вытянуты по высоте? И как это исправить?
2. Отступ у левого края страницы больше, чем у правого края, хотя по идее должно быть 0.5 %?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">;
<html>
<head>
<title>Некая страница</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<style type="text/css">
html, body
{
margin:0;
}

div#header
{
width:100%;
text-align: center;
}

div#all
{
width:100%;
height: 100%;
}

div#row
{
width:100%;
height: 100%;
}

div#col
{
background:#DCDCDC;
float:left;
width:32%;
height: 100%;
margin:0.5%; /*отступ*/
}

</style>
</head>

<body>
<div id="all">
<div id="header">
<h1>ШАПКА</h1>
</div>
<div id="row">
<div id="col">
<p>
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
</p>
</div>
<div id="col">
<p>
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
</p>
</div>
<div id="col">
<p>
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
что-то что-то что-то что-то что-то что-то что-то
</p>
</div>
</div>
</div>
</body>
</html>

Ссылка

←	apache benchmark (ab)

Инкапсуляция селекторов?!!

→

>...чтобы не отвлекать вас от сути проблема

сорри, ...от сути проблемЫ)))

> Отступ у левого края страницы больше, чем у правого края...

ещё раз сорри, с точностью наоборот)))

~~Amuser~~
(03.03.09 23:04:32 MSK) автор топика

Ссылка

Скорее всего потому что родительский контейнер не дает. Это тебе покажет firebug.

~~wfrr~~ ★★☆
(03.03.09 23:05:42 MSK)

Ответ на: комментарий от wfrr 03.03.09 23:05:42 MSK

Только что методом тыка установил, что если сделать так

html, body
{
margin:0;
width:100%;
height: 100%;
}

то все ОК. Бред какой-то...

А что со вторым вопросом?

~~Amuser~~
(03.03.09 23:22:18 MSK) автор топика

Ответ на: комментарий от Amuser 03.03.09 23:22:18 MSK

>Бред какой-то...

Это нормальноее поведение, body не занимет 100% высоты экрана.

А со вторым я не помогу ибо в коде разбираться долго, а я хочу спать, если бвы выложили страницу на хостинг то это было бы минутное дело - глянуть ее файрбагом.

~~wfrr~~ ★★☆
(03.03.09 23:50:00 MSK)

Ответ на: комментарий от wfrr 03.03.09 23:50:00 MSK

Неужели долго скопировать код из поста?)))

В аскетичном дизайне ЛОРа я не знаю как разместить в пост ссылку или скрин.

~~Amuser~~
(03.03.09 23:58:12 MSK) автор топика

Ответ на: комментарий от Amuser 03.03.09 23:22:18 MSK

> А что со вторым вопросом?

Попробуй так:
margin:0.667%; /*отступ*/

lonki-lomki
(04.03.09 00:02:51 MSK)

Ответ на: комментарий от Amuser 03.03.09 23:58:12 MSK

Поставьте себе firefox и firebug (расширение такое) и сами обнаружите косяк (кнопочка Inspect и вкладка layout), тем более что он вам в любом слае и дельше пригодится, а сссылку вы уже разместили вместе с кодом.

а я уже спать

~~wfrr~~ ★★☆
(04.03.09 00:03:37 MSK)