Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   relative position - не работает процентное смещение + вопрос про высоту html и body (https://javascript.ru/forum/xhtml-html-css/39429-relative-position-ne-rabotaet-procentnoe-smeshhenie-vopros-pro-vysotu-html-i-body.html)

myaut 04.08.2013 17:55

Цитата:

Сообщение от danik.js
Ну все верно. 100% - это и есть минимум (min-height).

хмм, я думал раз min-height 100% то он должен в соответствие с контентом резениться, разве нет?

Цитата:

Сообщение от danik.js
Пропиши wrapper'у height:100% , или тебе это не подходит?

в том то и дело что нет. мне нужно чтобы wrapper тянулся

danik.js 04.08.2013 19:30

Цитата:

Сообщение от myaut
хмм, я думал раз min-height 100% то он должен в соответствие с контентом резениться, разве нет?

Должен, да. Если контента больше чем высота контейнера - контейнер растягивается.

myaut 04.08.2013 19:54

Ну я так понял растянуть min-height блок с вложенными height блоками невозможно? нет идей?

danik.js 04.08.2013 20:51

Цитата:

Сообщение от myaut
Ну я так понял растянуть min-height блок с вложенными height блоками невозможно? нет идей?

Еще раз повторяю. min-height задает только минимально допустимую высоту, которую может принять элемент. Больше - пожалуйста. Меньше - никак. Если ты в этот элемент всунешь километровый текст - элемент растянется до нужного значения. Если оставишь пустоту - элемент примет высоту, заданную через min-height.

Nanto 06.08.2013 02:21

Цитата:

Сообщение от myaut (Сообщение 265818)
Ну я так понял растянуть min-height блок с вложенными height блоками невозможно? нет идей?

Не очень понятно, что вы хотите, но сдаётся мне, что вы просто пытаетесь изобрести велосипед.
Есть такая "волшебная" конструкция (<!--[if gte IE6])^

Код:

html{
        height:100%;
        }
body{
        position:relative;
        height:auto !important;
        height:100%;
        min-height:100%;
}
#div{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
}

Это блок на всю высоту страницы (а не вьюпорта). Позиционирование можно отключить.
P.S. Из особенностей:
1) обязательно проставить 100% height для <html> - иначе <body> его не преодолеет.
2) min-height:100% для <body> - чтобы он всегда растягивался на всю высоту документа.
3) порядок следования правил для body очень важен, иначе будет некроссбраузерно!

danik.js 06.08.2013 04:24

IE6? Это шутка?


Часовой пояс GMT +3, время: 13:05.