div+js vs table?

Rossi25 · July 26, 2011

Вопрос из названия темы: чему отдать предпочтение - верстке таблицами или блочной, но применяя JavaScript?

Поскольку нет пока ответа в моей соседней теме, как "повесить" фоновое изображение вокруг резиновых блоков, чтобы с подвалом было все в порядке.

Под "все в порядке" понимается, что оснавная часть, контент должен "толкать" подвал, добавляя вертикальную полосу прокрутки при превышении высоты окна браузера, но при малой заполеннности основной части подвал должен быть прижат в нижней части окна браузера так, чтобы основная часть "растягивалась" до подвала.
Имитирование растягивания центральной части до подвала не подходит, т.к. в центральной части изображение-градиент с repeat-y.

Возможно автор сайта сможет также объяснить: на стр. 259 книги "Вёрстка веб-страниц" предлагается при резиновой верстке использовать в качестве фона изображение с заведомо большой шириной, например 2000px:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<h t"mhlttp://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <head x>mlns="http://www.w3.org/1999/xhtml"> <<tmiettlae h>ttp-equiv="Content-Type" content="text/html; charset=utf-8" /> <style Двухколоночный резиновый макет</title> type="text/css">
.layout {
background: url(images/bg-liquid.png) repeat-y 100% 0;
/* Фоновый рисунок */
overflow: hidden; /* Отменяем обтекание */
}
.sidebar { width: 280px; float: right; padding: 10px; color: #fff; }
</.csotnytleen>t { margin-right: 300px; padding: 10px; } <</bohdeyad>> <<didviv class="layout"> <div class="sidebar">Колонка 2</div> </div> class="content">Колонка 1</div> <<//hbtomdly>>

Как в таком случае сделать вертикальную бордюр-косичку вокруг блоков (в том числе резиновых), как в примере выше, где ширина блоков фиксирована? В принципе, о этом уже написано, просто есть ли решения, которые подошли бы и в моем случае?

Sign In

div+js vs table?

Question

Rossi25

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information