Наслоение колонок одна на другую в Опере

[demoni2004]

День добрый.

Подскажите хотя бы в какую сторону копать. Проблема: есть сайт - crimea-media.ru. Всё началось с того, что поставил выравнивание главной колонки по центру, для более правильного отображения на широкоформатных экранах. Изменил в CSS значение float c left на center -

#main {
float:center;
background:urlsidebar_bckg.gif) no-repeat top right #fff;
}

В результате на широкоформатниках всё стало красиво, а вот на обычных мониторах при разрешении 1280*1024, только в Опере (!), колонки стали наезжать друг на друга. В других браузерах всё нормально. Подскажите в чём может быть проблема?

Стиль левой колонки -

#text {
	margin: 0 292px 0 0;
	background:url(content.gif);
	padding:10px;
	font-style: normal;
}

Стиль правой колонки -

#sidebar {
	float:right;
	width:245px;
	padding: 20px;
	font-size:10px;
}

[NeoXidizer]

для выравнивания по центру нужно использовать margin: 0 auto;

float:center; не существует, атрибут float может принимать значения только "none,left,right,inherit"

а так же добавьте background-size: 100%; к #header, чтобы картинка растягивалась на ширину (у меня 1366x768 - по бокам пустота)

Edited March 26, 2012 by NeoXidizer

[demoni2004]

Если ставить margin: 0 auto; то у меня колонка #text вообще выкидывает #sidebar. Что-то тут не так. Тем более в Mozilla, Chrome и IE отображают нормально. А за background-size: 100%; огромное спасибо, действительно хороший совет.

[NeoXidizer]

где у вас "выкидывает"? у меня нормально отображает

[demoni2004]

Проблема проявляется при разрешении 1280*1024 и только в опере. По статистике у меня на сайт с оперы и с разрешением 1280*1024 заходят до 25% посетителей, достаточно большой процент чтобы этим озадачиться.

Скрин из Оперы -

Скрин из Мозиллы -

[br3t]

#main {
    min-width: 1260px;
    overflow: hidden;
}

[NeoXidizer]

по хорошему - переверстать на дивах

фикс для вашего случая - внутри <div id="text"> для элементов <table> задать ширину 100% вместо 940px

[Vin]

А с разрешений меньше 1280 у Вас, видимо, не заходят

И в случае с оперой также виновата "дутая" ширина страницы. Попробуйте в мозилле при 1280 хоть немного сузить окно — эффект будет точно таким же.

[demoni2004]

#main {
    min-width: 1260px;
    overflow: hidden;
}

Оптимально... огромное спасибо.Это то что нужно. Всем спасибо за помощь. По поводу "переверстать на дивах" тоже можно подумать. Спасибо.