MAKAPOH Сообщение 28/05/2008 20:16 Копия темы
проблемка с CSS . есть div с вот такими свойствами:
#header {
width: 100%;
min-height: 30%;
height: 30%;
display: block;
float: left;
overflow: auto;
margin: 0px;
background-color: black;
padding: 0px;
}

внутри него текст. Если написать padding-left: 20px; то весь див смещается вправо на 20px, в том числе и полоса прокрутки уходит за пределы экрана :)
Аналогично с padding-bottom – отступ появляется, но почему то весь текст смещается вверх, в том числе первая строка тупо исчезает за пределы div'a
вопрос: почему и че делать?)

borissx Сообщение 28/05/2008 20:21 Копия темы
.
не стоит использовать =)

MAKAPOH Сообщение 28/05/2008 20:24 Копия темы
.
а че тогда делать?)) очень хочется небольшой отступ :)

MAKAPOH Сообщение 28/05/2008 20:29 Копия темы
.
придумал :) тупо воткнул в конец div'a пустой span нужной высоты :)

pavlick Сообщение 28/05/2008 20:29 Копия темы
.
а доктайп какой?
в некоторых доктайпах width – это ширина, которая включает бордер, пэддинг и само поле тега.
в некоторых – это только ширина поля. поэтому собственно и получается то, что у вас получилось.
если поменять доктайп не вариант, то можете внутрь повесить еще один див и поставить ему марджин

maksim000 Сообщение 28/05/2008 20:33 Копия темы
.
Спанам высота не задается насколько я помню.
Только поля, границы и отступы.

benjamin Сообщение 28/05/2008 21:05 Копия темы
.
Запихни в этот див еще одни с падингами. это точно прокатит

Greeze Сообщение 28/05/2008 21:09 Копия темы
.
супер код) но его лучше сократить :

#header {
float: left;
height: 30%;
overflow: auto;
background: #000;
margin: 0;
padding: 0;
}

а отступ у вас появлялся из-за записи \width: 100%;\. Т.к. блок уже имеет максимально возможную ширину, с \padding-left: 20px;\ вы делаете его еще шире.. общая ширина получается 100%+20px.