HTML, CSS, DIV

А не ужели нельзя использовать для отступов body {padding: 10px;}
А для растяжения дива использовать #container{background:#fff;color:#000;height: 100%;width:100%;margin:10px;}
Как предложил ранее mdss
 
У меня вышло вот так:

body
{
margin: 0px;
}

И общий div:

MainBody
{
margin: 10px;
width: 100%;
height: 100%;
}
 
Сорри конечно, но: не зависит ли это от монитора?... О_о
У меня например скролл на ЭТОМ >> Для просмотра ссылки Войди или Зарегистрируйся есть.
Смотрел с 19" его нет. С 15" оно есть.
Всё зависит от контента. Который растягивает сайт по вертикали.

Если я чтото не так понял, поправте.
 
главное чтоб Боди не был засорен, а остальное уже будет работать (margin-parts:)
 
FearD написал(а):
У меня вышло вот так:
body
{margin: 0px;}


И общий div:
MainBody
{margin: 10px;
width: 100%;
height: 100%;}
Нажмите для раскрытия...

100% работающий вариант , иначе быть не может

а можно ещё эту дивку засунуть в таблицу с шириной и высотой 100% , таблице задать выравнивание по вертикали и горизонтали , а дивке задать высоту и ширину например по 98%
 
  • Заблокирован
  • #16
Я всегда делаю Дивку внутри таблицы с шириной и высотой 100 %. Никаких проблем никогда не было.
 
быть в зависимости от ваши атрибуты таблицы я думаю. если таблица имеет установки css, то все div внутри этой таблицы зависел как установки детей. я неправильн?
 
FearD написал(а):
У меня вышло вот так:
body
{
margin: 0px;
}
И общий div:
MainBody
{
margin: 10px;
width: 100%;
height: 100%;
}
Нажмите для раскрытия...
С каким доктайпом это работает? Можете выложить полный текст примера?

perceptron написал(а):
Я всегда делаю Дивку внутри таблицы с шириной и высотой 100 %. Никаких проблем никогда не было.
Нажмите для раскрытия...
Аналогичный вопрос.
 
есть решение для нормальных браузеров проблемы только в ie6, тогда для него отступ не делать или с яваскриптами
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
    html { height: 100%;}
    body { height: 100%; margin: 0px; padding: 0px;  background-color:#000;}
    .canvas { left: 10px; bottom: 10px; right: 10px; top: 10px; position:absolute; background-color:#F00;}
</style>

<!--[if lte IE 6]>
<style type="text/css">
    .canvas { height: 100%; width:100%; left: 0; bottom: 0; right: 0; top: 0; background-color:#F00;}
</style>
<![endif]-->

<title>Untitled Document</title>

</head>

<body>

<div class="canvas">
текст
</div>

</body>
</html>
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху