MBy>

html, body { height: 100%; }

Лучше так:

html {height: 100%;}
body {min-height: 100%;}
* html body {height: 100%;}

Для body нужно устанавливать минимальную высоту в 100%, дабы все было пучком при большом количестве контента. Поскольку IE < 7 эту инструкцию не понимает, специально для них даётся height: 100%, которую они обрабатывают похоже на min-height в нормальных браузерах.

Привет всем!

Столкнулся с такой задачей: нужно чтобы на каждой странице сайта внизу выводилась статичная картинка, прилегающая вплотную к нижнему краю страницы (типа бэкграунд страницы, но только узкая полоска внизу). Использовал следующий стиль для body:
body {
margin: 0 0 0 0;
background: #FFFFFF url(images/down_bg.jpg) bottom left repeat-x;
}

т.е. описал бэграунд для страницы, как картинку внизу, повторяющуюся только по оси х.
Всё хорошо для IE, картинка выводится в самом низу страницы. Однако для FF и Opera возникла проблема: если инфы на странице не хватает, чтобы заполнить всю видимую часть окна браузера, то эта картинка бэкграунда выводится выше нижней границы окна. Т.е. в ИЕ выводит её в самом низу, если инфы мало на странице, а остальные выводя аккурат после последнего видимого элемента. И как её опустить вниз при любом раскладе, мож кто знает?

Здравствуйте, CoCoS, Вы писали:

CCS>Однако для FF и Opera возникла проблема: если инфы на странице не хватает, чтобы заполнить всю видимую часть окна браузера, то эта картинка бэкграунда выводится выше нижней границы окна. Т.е. в ИЕ выводит её в самом низу, если инфы мало на странице, а остальные выводя аккурат после последнего видимого элемента. И как её опустить вниз при любом раскладе, мож кто знает?

html, body { height: 100%; }

а как сделать так чтобы картинка всегда находилась внизу?
Иначе данная конструкция нелепа: прокручиваем контент а картинка сьезжает — уж проще ее как объект разместить
А так всегда внизу — что-то вроде рамки получается

Здравствуйте, Fenrir,

Супер! Спасибо! Сработало! То, что нужно!

F>Лучше так:

F>

F>html {height: 100%;}
F>body {min-height: 100%;}
F>* html body {height: 100%;}
F>

H>а как сделать так чтобы картинка всегда находилась внизу?
H>Иначе данная конструкция нелепа: прокручиваем контент а картинка сьезжает — уж проще ее как объект разместить
H>А так всегда внизу — что-то вроде рамки получается

Так она и будет внизу! Высота body гарантирована, а картинка прибита к его низу: body {background: #FFFFFF url(images/down_bg.jpg) bottom left repeat-x;}