Содержание
"Внизу" или "в низу" как пишется?
Как прижать подвал к низу страницы
Этот способ, использующий отрицательный отступ, описан на многих сайтах. Я хочу рассказать о некоторых неочевидных моментах и проблемах, которые могут возникнуть. Для начала нам нужны два блока: основной, в котором будет всё кроме подвала, и сам подвал.
Высота блока page-wrapper зависит от размера body, поэтому для html и body нужно обязательно задать высоту 100%, без неё подвал к низу не прижмётся. По этой же причине вокруг page-wrapper не должно быть других тегов.
У html и body по умолчанию есть отступы (margin и padding), которые добавляются к заданной высоте, отчего появляется ненужная полоса прокрутки. Эти отступы необходимо сбросить.
Растягиваем блок page-wrapper на всю высоту окна при помощи свойства min-height.
Как правильно внизу или в низу?
Нужно использовать именно min-height, а не height, чтобы не ограничивать высоту блока на длинных страницах. В IE6 эти свойства работают неправильно, поэтому ему нужна обычная высота height, заданная с помощью конструкции * html, которую игнорируют другие браузеры.
Блок page-footer оказался за нижним краем окна, и нужно сдвинуть его вверх. Логичнее всего было бы использовать для этого отрицательный margin-top, но с ним в старых версиях IE подвал вообще перестанет отображаться. Поэтому нужно использовать отрицательный нижний отступ у блока page-wrapper. Величину отступа делаем равной высоте подвала (50px в этом примере).
Теперь подвал закрывает собой нижнюю часть страницы, и на длинных страницах под ним скроется часть контента. Чтобы этого не произошло, нужен отступ внизу блока page-wrapper. Но padding использовать нельзя, так как он добавится к стопроцентной высоте. Поэтому добавляем пустой блок с высотой, равной высоте подвала. Вот что получилось в итоге:
Возможно, вам показалось странным то, что высота блока page-footer так и не задана. Дело в том, что высота подвала никак не влияет на его расположение и нужна только тогда, когда низ подвала должен точно совпадать с низом страницы. Например, если у подвала есть собственный фон.
Иногда после добавления на страницу других элементов появляется непонятная полоса прокрутки. Причина в том, что у верхнего элемента (чаще всего это заголовок или абзац текста) есть margin, выступающий за край блока page-wrapper. В статье Ивана Сагалаева про границы и отступы подробно рассматривается эта проблема и способы её решения. Проще всего избавиться от прокрутки, заменив margin этого верхнего элемента на padding.
Как отличать наречия от существительных с предлогами.
			
Слитно пишутся наречия: 			 вверх, вверху, доверху, кверху, наверх, сверху; 			 ввысь, вглубь, вдаль, вдали, издали; 			 вниз, внизу, снизу, книзу; 			 вначале, сначала, вширь, назад, вконец 			 |
			
Следует отличать от существительных с предлогами, которые пишутся раздельно. 			 Отличить помогает наличие зависимого слова, которое относится к существительному с предлогом, а не к наречию 			 |
			
Внизу раскинулся лес. 			 			 (ВНИЗУ – наречие) 			 |
			
В низу этой горы – лес 			 			 (есть зависимое слово горы; значит, 			 В – предлог, НИЗУ – существительное) 			 |
			
Птица устремилась ввысь. 			 			 (ВВЫСЬ – наречие) 			 |
			
Птица устремилась в высь неба 			 			 (есть зависимое слово неба; значит, 			 В – предлог, ВЫСЬ – существительное) 			 |
			
Сначала подумай – потом говори. 			 			 (СНАЧАЛА – наречие) 			 |
			
С начала года прошло две недели. 			 			 (есть зависимое слово года; значит, 			 С – предлог, НАЧАЛА – существительное) 			 |
			
Он вконец утомился 			 			 (ВКОНЕЦ – наречие) 			 |
			
Он встал в конец очереди 			 			 (есть зависимое слово очереди; значит, 			 В – предлог, КОНЕЦ – существительное) 			 |
Как отличать наречия от местоимений с предлогами.
			
Слитно пишутся наречия: 			 затем, оттого, отчего, потому, поэтому 			 |
			
Следует отличать от местоимений с предлогами, которые пишутся раздельно. 			 Как отличить? 			 Наречие можно заменить близким по смыслу наречием, а местоимение нет. 			 |
			
Сначала он пошел в школу, затем (=потом) в библиотеку. 			 Поэтому (=потому) он хорошо учится. 			 |
			
За тем зданием находится библиотека. 			 			 По этому льду ходить опасно. 			 |
ПРАВОПИСАНИЕ НАРЕЧИЙ ЧЕРЕЗ ДЕФИС
Дефис пишется:
			
В наречиях с приставкой по-, оканчивающихся 			 |
			
по-иному, по-моему, по-русски 			 |
			
В наречиях, образованных от порядковых числительных с помощью приставки во-(в-) и оканчивающихся на -ых(-их) 			 |
			
во-первых, в-третьих 			 |
			
В наречиях, образованных повторением слов, соединением синонимов или ассоциативно близких слов 			 |
			
чуть-чуть, тихо-смирно, 			 |
			
В наречиях, образованных из однокоренных слов 			 |
			
как-никак 			 |
			
Перед суффиксами -то, -либо, -нибудь, -таки и после 			 |
			
откуда-то, где-либо, как-нибудь, опять-таки, кое-как 			 |
			
В наречии на-гора 			 |
						 |
ДЕФИС В НЕОПРЕДЕЛЕННЫХ МЕСТОИМЕНИЯХ
Частицы -ТО, -ЛИБО, -НИБУДЬ и КОЕ- в неопределённых местоимениях пишутся через дефис.
кто-то, что-то, кто-либо, что-либо, кто-нибудь, что-нибудь, кое-кто, кое-что
НО!
Если после КОЕ стоит предлог, то выражение пишется в три слова без дефиса:
кое в ком, кое о ком, кое у кого.
Время на изучение: 15 минут
Другие материалы по данной теме
Расскажи друзьям про Интернет-лицей ТПУ!
Видео
Слитное, дефисное, раздельное написание слов | русский язык ЕГЭ
Посмотреть
Подвалом на жаргоне веб-разработчиков называется нижняя часть сайта, где пишутся авторские права, публикуются контакты, выводятся разные счетчики и тому подобная информация. Обычно подвал располагается после всего контента и виден только при прокрутке страницы. В некоторых случаях желательно сделать подвал доступным всегда, независимо от высоты страницы, и зафиксировать его внизу окна браузера.
Для этого воспользуемся свойством position и его значением fixed. При этом элемент остается на одном месте, а его положение задается координатами через свойства top, right, bottom, left. В нашем случае достаточно задать нулевые значения у left и bottom. Ширина фиксированных элементов равна их контенту, что хорошо заметно, если добавить фоновый цвет или рисунок, поэтому необходимо также задать ширину через width как 100% (пример 1).
Пример 1. Фиксированный подвал
XHTML 1.0CSS 2.1IECrOpSaFx
Результат примера показан на рис. 1.
Рис. 1. Подвал внизу страницы
Браузер Internet Explorer 6 не поддерживает значение fixed, поэтому в нем данный пример будет работать некорректно. Для IE6 придется дополнить код двумя тегами <div>, вложив их внутрь контейнеров content и footer, а также включить еще один стиль специально для этого браузера (пример 2).
Пример 2.
Правописание предлогов: слитно или раздельно, через дефис, пол
Код с учетом IE6
XHTML 1.0CSS 2.1IECrOpSaFx
В данном примере используется значение absolute свойства position. При абсолютном позиционировании элемент можно поместить в любое место окна браузера, но при этом он прокручивается вместе с содержимым. В этом основное различие между значениями fixed и absolute. Чтобы подвал не перемещался, задается высота страницы как 100% и отсекается все, что не помещается в текущие размеры окна. При этом пропадает вертикальная полоса прокрутки, ее следует добавить к content с помощью overflow.
Еще один неприятный момент это наложение фона подвала на полосу прокрутки, так что придется задать отступ справа на ширину скролбара. При этом, если полосы прокрутки нет, в подвале справа будет зиять дыра.