Понякога на дизайна на сайта, за да изиска колонтитул, или както я наричат, изба сайт е закован на дъното на прозореца на браузъра, когато има малко или никакво съдържание на всички, и се държат по обичайния начин, ако височината на съдържание от повече от един прозорец на браузъра.
За да се свърже долната част на страницата в долната част на екрана, което трябва да знаете височината (нека да бъде 50px). Допълнително посочените елемент HTML тяло, и височина от 100% и премахване на вдлъбнатината. Единицата за писане на съдържание (му се присвои идентификатор = "съдържание") и се поставя в съд на относително позициониране (му се присвои идентификатор = "контейнер") и височина долния 50 пиксела единица, също с относително позициониране и да го организира, след като на контейнера.
Сега имаме лента за превъртане, и долната част на страницата се намира под долния ръб на прозореца. На нас ни трябва, за да се повиши неговата височина. Задава марж-нагоре: -50px, и ако имате долния кадър, а след това повдигнете долния + ширина на долния необходимо на рамката.
Сега, ако съдържанието е малък, долната част на страницата ще продължи да се притиска към долната част на екрана. И ако много? Гледайте и ужасена. Съдържание обходен под долната част на страницата. За да поправите това, достатъчно е да се блокира "съдържание" точка otsup: уплътнение дъно: 50px.
За да се побърквам IE6 е необходимо да се прилага хак или условно коментар, защото той не разбира свойствата на мин височина.
! Защото IE6 дръжки важна грешка, тя може да се използва: всички браузъри прилагат височина: авто и IE6 Наскоро, стойността на височина - 100%, че имаме нужда.
Но не само IE6 не се държи както трябва, но Opera 9.xx. Когато отворите Opera показва нашата долния точно след съдържанието, а не в долната част на прозореца, но след размера на операта прозорец променя долния стигне до къде сме планирали. Този бъг е решен много лесно с помощта на маркер връзка: или ние да внася стил в отделен файл го заредите маркера за връзка, или да напуснат заглавието на документа, но след описване на стила на писане на всички totzhe връзка етикет, като се посочва параметър HREF несъществуващ файл. Отидох по този начин:
Имайте предвид, че ако параметър HREF нищо не показва тази рана не работи.
Това е всичко. Footer е прикрепен към долната част на екрана, съдържанието не се крие зад него, и всичко, което се показва правилно във всички популярни браузъри.
Най-добрите хостинг и VPS:
Свързани статии