Не однократно писал, что OPERA странный браузер и это еще мягко сказано. Говорю без относительно функционала, все связано только со своеобразной трактовкой самых простейших стилевых правил.

К сути.

Довольно часто для задания индивидуальных стилевых правил для OPERA рекомендуют такую конструкцию:

  @media all and (-webkit-min-device-pixel-ratio:10000), 
      not all and (-webkit-min-device-pixel-ratio:0){
      head~body .XXX {color:#000;}}

Как вы понимаете, запомнить и на память воспроизвести подобного рода запись не так-то просто. Это вам не звездный хак для IE6 - *html .XXX {color: #000;} доступный даже первокласснику :)

Вот и пришлось его подсократить до:

  @media not all and () {.XXX {color:#000;}}

Проверено в нескольких работах, как будет себя вести в предыдущих версиях OPERA, не знаю, одна рекомендация - обновляемся чаще.

Вполне возможно, в последующих релизах может повести себя не предсказуемо и это для данного производителя браузера - обычная история.

Оседлаем любимого конька автора блога – фиксированные блоки-колонки, произведем скрещивание оного с озвученным в последних постах – "Любителям экзотики и извращений..." и "Жесткое порно..." получив на выходе нетривиальную вещицу.

Собственно ни html-кода, ни стилей, как обычно не будет, лучше посмотреть все в живую.

Дизайн натянут на Lasto Blog. Без руки Мастера – автора скрипта, не обошлось, за что тысяча благодарностей. Оказанная техническая поддержка, позволила расширить некоторые функции движка блога, многие из них легко портируются и на другие скрипты.

Как говориться краткость сестра таланта, потому идем и смотрим.

Дополнительная информация по дизайну присутствует.

Упал старенький PC – мать или процессор еще не знаю, пока все на ноуте, многие материалы и наработки наверняка канули в небытие, возможно, хотя бы часть удастся восстановить.

Архивы не полные само собой существуют, но лень же каждый день даже на флешку дублировать.

Разбирая завалы прошлого на CD и DVD, наткнулся на давно забытую, забавную вещицу. Уж и не помню, кому и зачем делал, но ведь порно же самое настоящее :)

Кратенько в чем смысл фишки.

Три колонки центральной части – по краям фиксированная ширина, центр безразмерный и ограничен только по min/max-width самой страницей.

При уменьшении размеров окна браузера левая и правая колонки скрываются за вертикальными границами.

В конечном итоге, когда появляется горизонтальная прокрутка на странице остается только область контента.

Посмотреть

Есть рабочий вариант и для IE6.