Два DIV: левый резиновый, правый фиксированый

[tolik777]

Проблема в общем то вот какая.

Есть сайт с дизайном: http://cxem.net/arduino/arduino.php, мне нужно справа добавить панель. Т.к. я старой закалки и секу в основном в табличной верстке, в DIV'ах пока что не очень получается реализовать такую вещь:

нужно сделать панель справа, типа меню. Фиксированого размера (около 150-200 пикселей), а левую основную панель с контентом резиновую. Чтобы между 2-мя панелями был какой-то промежуток 10-20 px.

Справа я панель присобачил кое-как, но вот левая панель либо наезжает на нее, при задании у нее свойства width:80% (незнаю какое тут число ставить), либо не доезжает.

Подскажите как сделать?

Заранее спасибо

[alb]

ну так а в чём проблема то?)

верстка двухколоночных макетов

верстка трехколоночных макетов

[Kelenar]

Для таких задач используется метод "отрицательных отступов" что бы не повторяться дам ссылку по которой я разбирался с данным вопросом http://i2r.ru/static/476/out_21614.shtml.

Или гугл: Верстка отрицательными margin.

Как пожелание разработчикам сайта: тема довольно актуальная, но совершенно не освещенная в примерах макетов которые тут встречаются http://htmlbook.ru/layout. Просьба, по возможности добавить примеры: двухколоночный макет (1-я колонка в рх, 2-я в %) и трехколоночный макет (1-я и 3-я колонка в рх, 2-я в %)

[zSpx]

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