| Автор: Андрій Кудлай
Проблема 1. Як скинути колонки однакової висоти?
Коли ми верстаємо блоковий макет, наприклад, з двох колонок (сайдбар і контент), і при цьому маємо різний фоновий колір для кожної колонки, можемо спостерігати приблизно наступну картину
Практичний курс з верстки адаптивного сайту з нуля!
Вивчіть курс і дізнайтеся, як верстати сучасні сайти на HTML5 та CSS3
Як бачимо, тут сайдбар має менше вмісту, ніж блок контенту. Ну а з урахуванням різного фону ми якраз і бачимо всю неприємність проблеми колонок різної висоти. Вирішується проблема декількома способами, один з яких ми розглянемо у наступному уроці, в якому зверстаємо той самий макет, але вже блоково. Тут відразу варто зазначити, що якщо ми верстатимемо каркас сайту на таблицях, то ця проблема не встане перед нами в принципі, оскільки колонки рядка завжди мають однакову висоту.
Проблема 2. Як притиснути футер донизу?
Ця проблема зустрічається, мабуть, частіше, ніж попередня. Суть проблеми Ви можете бачити на тому ж малюнку
Видно, що після футера йде порожнє місце із фоном body. Коли тексту на сторінці зовсім мало, сайт виглядає досить безглуздо, здається, що він повис у повітрі. Хотілося б, щоб футер завжди був притиснутий до низу сторінки, якщо контенту небагато, а фон самого контенту, відповідно, тягнувся до футера.
Ось коротко сформульовані нами проблеми, які ми і спробуємо вирішити двома способами – у цьому уроці ми зверстаємо макет здопомогою табличної верстки, а в наступному – скористаємося блочною версткою.
У результаті обох уроків ми отримаємо цілком робочий шаблон сайту, який Ви можете використати у своїй роботі.
