Тенденция вёрстки веб-сайтов идёт в направлении по-тихоньку, но всё же в будущем полного отказа от верстания сайтов с помощью таблиц. Табличная вёрстка традиционна для многих верстальщиков, да и верстать на ней гораздо удобнее и проще (может, просто в силу привычки?).
Вообщем, прочитав, несколько статей – советов веб-мастеров всё-таки переходить с табличной вёрстки на вёрстку <div>-ами (по-другому её называют «блочная вёрстка»), я решила освоить сей сложный только на первый взгляд способ. Блочная вёрстка осуществляется с помощью парного тега <div></div>. Одним из главных приоритетов блочной вёрстки над табличной является возможность использования всех возможностей каскадных таблиц стилей (CSS).
Побродив с помощью великих поисковых машин по интернету, я наткнулась на очень хороший ресурс “Websovet. Вебсовет — это полезные советы по блочной верстке веб сайтов, HTML, CSS, WordPress и jQuery” Автор блога Игорь Квентор написал пособие для изучение блочной вёрстки для новичков. Книга обучает вёрстке дивами с нуля. В ней нет скучных и долгих общих фраз и введений, написана легко и макисмально кратко. Как говорится - кратко и по существу. Книга Игоря Квентора "Блочная вёрстка веб-сайта" По ссылке можно скачать книгу - она бесплатная, о чём лишний раз свидетельствует на титульной странице значок (красным, чтобы все увидели) FREE.
Зачастую, веб-мастера (да и не только люди этой профессии) учатся своему ремеслу, используя два самых известных метода - «проб и ошибок» и метод «научного тыка». Именно благодаря этим методам я решила проблему, над которой билась несколько часов подряд. В процессе вёрстки у меня «блоки» плавали и прыгали по сайту вверх-вниз в зависимости от объёма статьи на сайте. Решилось всё просто («А ларчик просто открывался!» - народная мудрость):
Высота у боковых блоков (модули правый, левый) должна быть 100%!
Ну и ещё один как бы полезный совет – напоминание – обязательно помните, что вёрстка дивами – это блоки, которые, как кирпичики на стене должны идти один за другим – закрывайте блоки сразу об окончании, иначе «вся стенка развалится».