прблема c двумя <div>-колонками в div-контейнере

[Виталий]

Народ, подскажите плиз... Есть следующая код

#container{
 width: 800px; 
 margin-left: auto;
 margin-right: auto; 
 text-align: left; 
 border: 1px solid #E0E2EE;
 background: #FAFCFB; - не срабатывает в FF и Opere
}

#left{
 width: 75%;
 padding: 5px 5px 10px 5px;
 float:left;
 font-size:0.9em;
 border-right: 1px solid #E0E2EE;
}

#right{
 width: 22%;
 padding: 5px 6px 5px 0px;
 float: right;
}

#footer{
 width: 100%;
 background: #F8F9FB;
 float: left;
}

<div id="container">
 <div id="left">Некоторая инфа</div>
 <div id="right">Некоторая инфа</div>
 <div id="footer">Подвал<div>
</div>

Так вот все чудесно, только когда я выставляю

border: 1px solid #E0E2EE;

background: #FAFCFB;

для id=container, в IE все номарльно в FF не срабатывает...

[yopopt]

Уберите "float: left;" у слоя #left и #footer.

Они там незачем.

[Виталий]

Уберите "float: left;" у слоя #left и #footer.

Они там незачем.

Та вроде убрал! но как теперь правый столбец подтянуть вверх?

Вроде есть способ использовать float:left (для левой div`ки) и потом margin-left: (для правой), но так тоже не получилось изменить бэкграунд контейнера

[Виталий]

Уберите "float: left;" у слоя #left и #footer.

Они там незачем.

Та вроде убрал! но как теперь правый столбец подтянуть вверх?

Вроде есть способ использовать float:left (для левой div`ки) и потом margin-left: (для правой), но так тоже не получилось изменить бэкграунд контейнера

Ага! Думаю ответ найден http://www.htmlbook.ru/content/?id=97

[yopopt]

В коде страницы поменяйте местами #left и #right Вот так:

<div id="container">
 <div id="right">Некоторая инфа</div>
 <div id="left">Некоторая инфа</div>
 <div id="footer">Подвал<div>
</div>

[Виталий]

В коде страницы поменяйте местами #left и #right Вот так:

<div id="container">
 <div id="right">Некоторая инфа</div>
 <div id="left">Некоторая инфа</div>
 <div id="footer">Подвал<div>
</div>

О так даже элегантнее будет! Спасибо большое!!! осталось только выровнять два столбца по высоте... Если есть идеи, милости просим... :-)

[oknechirik]

3 колонки одинаковой высоты http://www.cssplay.co.uk/layouts/3cols.html#

2 колонки http://alistapart.com/d/multicolumnlayouts...ailTallest.html (в той же статье и 3, и резиново, и фиксировано http://alistapart.com/articles/multicolumnlayouts) - все уже придумано до нас - легче найти, хотя придумать интереснее