Комментарии 20
Перед тем как писать подобное можно в гугле поискать.
Тоесть если я правильно понял, вам нужно, что бы был див 100% по высоте, у которого есть отступы (padding), но что бы это не вызывало скрола?
Тут конечно от задачи зависит, но самый простой способ добавить в body { overflow: hidden; }
Это не универсальный метод, но для некоторых случаев подходит
Тут конечно от задачи зависит, но самый простой способ добавить в body { overflow: hidden; }
Это не универсальный метод, но для некоторых случаев подходит
да, но если сделать так, то отступы снизу скроются за пределами окна
для теста добавить в мой пример
body { overflow: hidden; }
#content div {
background:#ccc;
height:100%;
}
и в тело
Лорем ипсум
для теста добавить в мой пример
body { overflow: hidden; }
#content div {
background:#ccc;
height:100%;
}
и в тело
Лорем ипсум
Все верно. Я написал, что это подходит только для определенных случаев, например когда текст, ни при каких раскладах, не доходит до нижней границы броузера.
Вы задачу опишите подробнее, для наглядности можно и картинку приложить, как это должно выглядеть
Вы задачу опишите подробнее, для наглядности можно и картинку приложить, как это должно выглядеть
тело:
<div id=«content»>
<div>
Лорем ипсум
</div>
</div>
<div id=«content»>
<div>
Лорем ипсум
</div>
</div>
а под какой именно IE требуется сделать?
надеюсь вы неподменяете цель сердством, и что такой див с заданной высотой — единственное решение вашей проблемы (которые вы почемуто не озвучили)
не пробовали задавать body не 100% а меньше? padding задать или margin...?
не пробовали задавать body не 100% а меньше? padding задать или margin...?
Есть решение такое: csscreator.com/node/12238
Но, у меня русским по белому написано «Имеется ввиду решение без подкладывания пустых дивов для отступа.»
Body это лишь контейнер, такой же, как div и если его заменить дивом с фиксированной высотой, появится опять же скролл.
Озвучиваю проблему: найти CSS решение.
Но, у меня русским по белому написано «Имеется ввиду решение без подкладывания пустых дивов для отступа.»
Body это лишь контейнер, такой же, как div и если его заменить дивом с фиксированной высотой, появится опять же скролл.
Озвучиваю проблему: найти CSS решение.
Вспоминая славный фильм, так и хочется ответить «42» =)
Вы очень сумбурно выражаете свои мысли, но, насколько я понял, вам нужно не блок со 100% высотой (так как именно это и изображено на первом вашем изображении), а блок заполняющий все пространство, за исключением отступов. Причем без добавления в семантику еще одного блочного элемента. Если так, то:
#content {
background: #EEE;
padding: 0;
margin: 0;
top: x;
left: x;
right: x;
bottom: x;
}
где X значение желаемого отступа. Правда это решение не так универсально и гибко, как с добавлением дополнительного блочного элемента, но тут уж придется выбирать что важнее, чистая семантика или работоспособность во всех браузерах.
Вы очень сумбурно выражаете свои мысли, но, насколько я понял, вам нужно не блок со 100% высотой (так как именно это и изображено на первом вашем изображении), а блок заполняющий все пространство, за исключением отступов. Причем без добавления в семантику еще одного блочного элемента. Если так, то:
#content {
background: #EEE;
padding: 0;
margin: 0;
top: x;
left: x;
right: x;
bottom: x;
}
где X значение желаемого отступа. Правда это решение не так универсально и гибко, как с добавлением дополнительного блочного элемента, но тут уж придется выбирать что важнее, чистая семантика или работоспособность во всех браузерах.
На самом деле мне просто нужен был один из ответов:
— Так сделать можно (и описание как)
— Так сделать нельзя (почему?).
— Так сделать можно (и описание как)
— Так сделать нельзя (почему?).
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Все те же 100% height и margin