Резиновый сайт с фиксированным сайдбаром

[kpripper]

Не получается тольком сделать сайт с фиксированной шириной сайдбара и резиновым контентом. К примеру родительский блок 100%, сайдбар 300 пикселей, а контент в чем измерять ?

[Softlink]

вот по этому принципу http://htmlbook.ru/layout/rezinovaya-shirina-navigatsiya-sleva , только размер сайдбара задавать в пикселях и отступ соответственно.

margin-left: 300px;

[kpripper]

У меня сайдбар справа, сделал примерно так:

#sidebar {

float: right;

width: 300px;

}

#content {

margin-right: 310px;

}

Но контент остается растянутым на всю страницу, справа у него пустое место шириной 310 пикселей, а сайдбар под контентом.

[kpripper]

В общем получилось по этому принципу:

В общем как он работает: смотрим в код первым идет content за ним sidebar. задаем float этим двум блокам(естественно sidebar сползает вниз). после этого задаем sidebar свойство margin-left:-100%. отлично он вернулся на место, и делаем отступ у контента margin-lerft:300px.

Хотя как работает margin:-100% я так и не понял.

Хотя что-то кривовато.

Edited May 22, 2012 by kpripper