Все те же 100% height и margin

[@RJD2]

Перед тем как писать подобное можно в гугле поискать.

[@romanoza]

Спасибо, конечно, за совет, но я первым делом это и делаю. Если вы можете сказать по какому запросу гугл даст правильный ответ, почему не поделитесь?

[@RJD2]

Потому что потом у вас возникнет новый вопрос и вы напишите еще одну подобную статью, а если найде сами, то больше спрашивать не будите.

[@romanoza]

Видимо, я не достаточно подробно описал.
Имеется ввиду без подкладывания пустых дивов для отступа.

[@kostos]

Тоесть если я правильно понял, вам нужно, что бы был див 100% по высоте, у которого есть отступы (padding), но что бы это не вызывало скрола?

Тут конечно от задачи зависит, но самый простой способ добавить в body { overflow: hidden; }

Это не универсальный метод, но для некоторых случаев подходит

[@romanoza]

да, но если сделать так, то отступы снизу скроются за пределами окна

для теста добавить в мой пример
body { overflow: hidden; }
#content div {
background:#ccc;
height:100%;
}

и в тело
Лорем ипсум

[@kostos]

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

Вы задачу опишите подробнее, для наглядности можно и картинку приложить, как это должно выглядеть

[@romanoza]

дополнил картинками

[@romanoza]

тело:
<div id=«content»>
<div>
Лорем ипсум
</div>
</div>

[@XaocCPS]

а под какой именно IE требуется сделать?

[@romanoza]

требуется сделать под все браузеры (без фанатизма:)), а ие =>IE6

[@arestov]

надеюсь вы неподменяете цель сердством, и что такой див с заданной высотой — единственное решение вашей проблемы (которые вы почемуто не озвучили)
не пробовали задавать body не 100% а меньше? padding задать или margin...?

[@romanoza]

Есть решение такое: csscreator.com/node/12238
Но, у меня русским по белому написано «Имеется ввиду решение без подкладывания пустых дивов для отступа.»
Body это лишь контейнер, такой же, как div и если его заменить дивом с фиксированной высотой, появится опять же скролл.

Озвучиваю проблему: найти CSS решение.

[@arestov]

« — выколите мне глаза — я больше не хочу видеть этот плакат
— а что если мы его просто спрячем в шкаф?»
это я о подмене цели сердством

body не просто контейнер, а волшебный контейнер…

если вы не ожидаете появление скроллбара, то что тогда мешает использовать fixed?

[@romanoza]

вопрос не в подмене, я не то, что бы принципиально не хочу использовать дивы для отступов, я хочу знать, есть ли решение без них

>если вы не ожидаете появление скроллбара, то что тогда мешает использовать fixed?
тогда не будет отсупа снизу

[@ZEGO]

Вспоминая славный фильм, так и хочется ответить «42» =)

Вы очень сумбурно выражаете свои мысли, но, насколько я понял, вам нужно не блок со 100% высотой (так как именно это и изображено на первом вашем изображении), а блок заполняющий все пространство, за исключением отступов. Причем без добавления в семантику еще одного блочного элемента. Если так, то:

#content {
background: #EEE;
padding: 0;
margin: 0;
top: x;
left: x;
right: x;
bottom: x;
}

где X значение желаемого отступа. Правда это решение не так универсально и гибко, как с добавлением дополнительного блочного элемента, но тут уж придется выбирать что важнее, чистая семантика или работоспособность во всех браузерах.

[@romanoza]

>Вы очень сумбурно выражаете свои мысли
есть грешок
Спасибо, но это решение я знаю, в IE6 не работает

[@romanoza]

жаль, спасибо за ответ, если это точный ответ :)

[@romanoza]

На самом деле мне просто нужен был один из ответов:
— Так сделать можно (и описание как)
— Так сделать нельзя (почему?).