Comments on: CSS: блочная верстка

By: 20-ка полезных советов по CSS верстальщикам | Блог веб программиста

20-ка полезных советов по CSS верстальщикам | Блог веб программиста — Sun, 06 Feb 2011 08:42:02 +0000

[...] CSS: блочная верстка [...]

By: Самый вкусный дизайн » Blog Archive » Как верстать дивами, блочная верстка.

Mon, 09 Nov 2009 09:25:45 +0000

[...] открыла мне эту завесу тайны. Она находиться по этому адресу. Чтобы ты совсем не запутался в CSS и в HTML специально для [...]

By: J()KER

J()KER — Wed, 13 Feb 2008 09:06:35 +0000

Я бы еще размеры давал в em

By: Самые популярные записи

Самые популярные записи — Fri, 08 Feb 2008 11:50:32 +0000

[...] CSS: блочная верстка В этой статье приведён пример использования блочной верстки для создания макета сайта с шапкой, навигационной панелью, основным контекстным пространством, блоком меню и подвалом, как на этой схеме. [...]

By: Павел

Павел — Mon, 07 Jan 2008 00:32:30 +0000

О! Нашел вот такое решение, попробую адаптировать под свою задачу – возможно то, что надо.

http://matthewjamestaylor.com/blog/bottom-footer-demo.htm

By: Павел

Павел — Mon, 07 Jan 2008 00:27:44 +0000

Спасибо за отличную статью и за хорошие ссылки.
Но вот нигде не могу найти, как сделать сайт не только резиновым по горизонтали, но и вертикали? Нужно сделать по сути сайт из трех горизонтальных частей, где верх и низ должны быть фиксированными, а центральная часть может быть резиновой. Точнее даже, все три части должны быть всегда фиксированными в процентах – но физически при разных разрешениях экрана они конечно будут менять свой размер. Думаю что правильнее сделать это блоками, раньше работал только с таблицами. Но вот не понял как это сделать. Подскажите, если несложно!

By: Лаврози

Лаврози — Fri, 28 Dec 2007 10:58:19 +0000

Статья очень полезная в частности мне как новичку.
На тему кроссбраузерности хочу добавить что в NN, safari,FF,opera все
отображается правильно и валидно ,а вот в IE 6.0 колонка main “переходит”
через границу футера .

By: Жилинcкий Владимир

Жилинcкий Владимир — Mon, 24 Dec 2007 15:42:05 +0000

Спасибо за подсказку! Никогда не был силен в кроссбраузерности =(

By: Z-Den

Z-Den — Mon, 24 Dec 2007 13:31:21 +0000

Статья хорошая – автору респект. Но в коде есть одна небольшая погрешность:

#main h2, #main h3, #main p {
padding:0 10px;
}

#sidebar h3, #sidebar p {
padding:0 10px 0 0;
}

Здесь рекомендую поставить вертикальный margin, т.к. в експлорере в синей и зеленой колонке внутренние вертикальные отступы отсутствуют.
Дл примера можно заменить вешеупомянутые фрагменты на следующие:

#main h2, #main h3, #main p {
padding:0 10px;
margin:10px 0;
}

#sidebar h3, #sidebar p {
padding:0 10px 0 0;
margin:10px 0;
}

By: Жилинcкий Владимир

Жилинcкий Владимир — Tue, 27 Nov 2007 09:01:16 +0000

И вот ещё: http://suprabiz.com/3-column-css-layout-right-sidebars/