резина в 3 колонки

[kamaz6141]

Добрый день форумчане, никогда не занимался резиновыми макетами, поэтому возникла проблема:

Нужно чтобы левая и правая колонка были фиксированными а центральная резина, сделал вот что

HTML

<div id="main">
	<div id="top"></div>
	<div id="center">
    	<div class="left-side"></div>
        <div class="right-side"></div>
        <div class="content"></div>
    </div>
    <div id="bottom"></div>
</div>

CSS

/*Основные блоки*/
#main{border:1px solid red;}
#top{border:1px solid red;height:150px;}
#center{border:1px solid red;height:600px;overflow:hidden;}
#bottom{border:1px solid red;height:150px;}

/*Левый сайдбар*/
.left-side{border:1px solid blue;float:left;width:200px;height:300px;position:relative;}

/*Правый сайдбар*/
.right-side{border:1px solid blue;float:right;width:200px;height:300px;position:relative;}

/*Контент*/
.content{border:1px solid blue;width:100%;height:400px;}

и в итоге центральная колонка перекрывает левую и правую...

как быть?

p.s. заранее спасибо!

[Sole]

Посмотрите внимательно на ширину ваших блоков

/*Контент*/
.content{border:1px solid blue;[color="#FF0000"]width:100%;[/color]height:400px;}

добавьте отступы контенту

[mr.Dassler]

Вот так попробуй

.content

{border:1px solid blue; width:auto; height:400px; margin-left:205px; margin-right:205px;}

[kamaz6141]

Спасибо Sole и mr.Dassler, всё встало на свои места, всё получилось!

Заодно спрошу, это решение кроссбраузерно?

[0nline]

Полностью.

[cyklop77]

ТС, а зачем ты использовал float и position одновременно?

[kamaz6141]

ТС, а зачем ты использовал float и position одновременно?

ну я где то вычитал что вроде так нужно, а это неправильно?

[Sole]

ну я где то вычитал что вроде так нужно, а это неправильно?

в данной верстке position не нужен, только если вы в сайдбары собираетесь абсолютно позиционированные блоки вставлять...

[kamaz6141]

ну я где то вычитал что вроде так нужно, а это неправильно?

в данной верстке position не нужен, только если вы в сайдбары собираетесь абсолютно позиционированные блоки вставлять...

Понятно, спасибо за раскрытый ответ.