Нашите контакти: +7 (928) 029 69 59 +7 (909) 493 69 59

Последните разработки върху създаването и популяризирането на нашия уеб студио в Ставропол, Пятигорск и Cherkessk

Правилно използват CSS стилове. Как да изтръгне мазето до долната част на страницата, и как да се позиционира на блока в средата.

Често при създаването на обекти в Cherkessk Ставропол и е необходимо да се прилагат някои CSS технологията за изпълнението на тези задачи. Например, това се случва, че имате нужда от страницата с малко количество съдържание, за да изтръгне долния (сутерен) на сайта в долната част на страницата намерете устройството в центъра на екрана, и така нататък. Има много начини за решаване на тези проблеми, но не всички от тях са за съвместимост валиден и различни браузъри. В тази статия ще разгледаме начина, по които ви позволяват да се отговори на тези предизвикателства, валидността и крос-браузър.

Имоти «мин височина» за по-стари браузъри.

С цел да се "прави" по-стари браузъри разбират собственост на «мин височина», просто възлага на блока, към който искаме да се определи минимална височина от 100% следните стилове:

Как да изтръгне долната част на страницата в долната част на страницата.

Ние ще създаде HTML файл със следния код:

Сега нека да видим какво е това, което. В HTML документ, създадохме три единици с идентификатор "документ", «о» и «долния». Нека да разгледаме всеки блок.

Блок "документ" е отрицателен отстъп (марж) отдолу, равно на височината "колонтитул» блока. Използвайки метода на определяне на имоти «мин височината», както е описано по-горе, ние го настроите равна на минималната височина на 100%.

Поради факта, че «долния» е извън "документ" блокови браузъри ще го покаже в долната част на страницата.

Блок "AUX" също е равно на височината на мястото на сутерен, и служи за предотвратяване, че "припокриване" съдържание мазе сайт, ако той е по-голяма от височината на прозореца на браузъра.

Как да поставите блок в центъра с помощта на CSS.

Често, когато създавате даден сайт, трябва да се постави DIV или друга точка от центъра на екрана. Когато става въпрос за хоризонталното разположение на центъра, той не създава никакви трудности, достатъчно, за да присвоите на блока след CSS стилове:

С помощта на тези CSS стилове, възложени блок, Хоризонтална Центриран. Нека да разгледаме един начин да се приведе в блок в центъра, така и вертикално. Този метод се използва, когато е необходимо да се приведе в блок с фиксиран размер, т.е. когато известен ширината и височината блок. Нека да погледнем на HTML и CSS:

Сега нека да разгледаме детайлите на кода на CSS. Попитахме височината на блока е 200px и 300px ширина, равна, и се използва за даден блок от абсолютно позициониране на 50% и 50% по-горе вляво. След това постави отрицателна горното поле (марж) е равна на половината от височината на устройството центриране и отрицателен лявата граница, равна на половината от ширината на нашия блок.

Сега можете да проверите резултата във всеки браузър, нашата единица ще се намира точно в центъра на екрана.

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

Гумени три колони оформление на сайта.

Често, когато създаването на уебсайт, че е необходимо да се направи гума с три колони оформлението на сайта. които биха могли да заемат цялата ширина на прозореца на браузъра. В нашата практика, ние използваме следния метод за създаване на каучук оформление на сайта. който е валиден и различни браузъри съвместимост:

За WEB DigitalART студио

Web Design Studio DigitalART

Нашето студио предлага услуги за организации, създаване и промотиране и предприятия от Ставропол. Пятигорск и Cherkessk.

Връзка за запитвания: