CSS съдържанието на нашия сайт се превърта, когато не трябва - html, css, header, footer

Добре, така че проблемът е, имам заглавие, долен колонтитул исъдържанието div и това, което искам, е за съдържанието div автоматично да запълни височината на браузъра между заглавката и долния колонтитул, което прави фоайето престой в долната част на страницата или под дължината на съдържанието.

когато отидеш incard.com.au можете да видите проблема на индексната страница, тъй като съдържателната област е по-малка от прозореца на браузъра, така че сме добавили височина към div, за да решим въпроса с плаващ долен колонтитул.

Поправих го с помощта на jquery

$("#sitewidth").css({"height":(($(document).height())-320)+"px"});
$("#contentbody").css({"height":(($(document).height())-320)+"px"});

Отговори:

Премахнете "min-height: 700px" от #contentbody

И така, какво трябва да се случи, когато прозорецът на браузъра е по-малък от височината на div?

Можете да настроите височината на централния номер на 100процента. Например, направете съдържание div 100%, направете горната и долната фиксирани височини. Този вид хакер, но понякога мисля, че 100% няма да компресира фиксираната височина отгоре и отдолу - тя "се опитва" да бъде 100%.

Онова, за което не ми е известно, е това, което се очаквасе случва, когато правите прозореца на бра Трябва ли заглавката и долната колона да бъдат залепени към горната и долната част на браузъра ви, докато съдържателната зона става все по-малка и по-малка?

Единственият проблем, който виждам, е, че оранжевите граници от всяка страна на съдържателната ви област спират по средата на страницата, когато съдържанието не достигне долния колонтитул.

Най-честият начин за решаване на проблема е да направите тези оранжеви граници фоново изображение и да го повтаряте вътре в него .sitewidth

Бях в състояние да отстраня решението, като използвахJavascript, изглежда, че за да се получи височината на съдържанието, така че да се побере правилно на целия екран, трябваше да направя нещо по математика, където взех височината на долния колонтитул и заглавието далеч от размера на браузъра и след това ми даде минималния размер на съдържанието ми орган. тъй като е различен за всеки потребителски размер на екрана на потребителите, той трябва да е функция за настройка на javascript.