подскажите как это лучше сделать???

есть относительно старая, но все же не бесполезная статья "Designing With Opera Mini in Mind" на dev.opera.com.
есть атрибут media для таблицы стилей со значением handheld.
есть здравый смысл и функционал "информация о странице" для неустанного контроля.
и есть сервер, который все же пережмет страницу перед выдачей клиенту. 
Так, может, не стоит заморачиваться? Разве что навигацию делать лучше вертикальную. А то после пережатия сервером-посредником при дефолтном развороте экрана может получиться не очень красиво.

Добавлено через 59 секунд
в принципе, на сайте разработчика вопрос заточки по opera mini рассмотрен достаточно плотно

А что является приоритетным???
Скажите , свойство  media можно изменять через java script.
Или подразумевается создание css кода для каждого устройства

Это сообщение отредактировал(а) supervladislav - 24.3.2009, 03:14

для каждого? ты о чем? там всего классов семь или восемь - от монитора до голосового устройства.

зачем? смысл в том, что описать два отдельных css - один для наладонных устройств(handheld), другой - для монитора. С разными размерами, с фоновыми изображениями и без, со стандартными контролами и саморисованными.

из чего????!!!! из отдельной версии html-верстки, оптимизации графики, написания отдельного css? так что ли? возьмем что-то одно, а остальное пусть клиенты сами делают?   Раз уж взялся за оптимизацию - изволь довести до идеала.

тоесть ты хочешь сказать ,что одгим css я не отделаюсь 

в принципе, можно.
верстку и картинки пережмет промежуточный сервер.
но, вот к примеру, у меня opera mini не работает - пользую встроенный в телефон браузер. Который не использует промежуточный сервер. Потому отдельные "оптимизированные" варианты google.com, oper.ru и других сайтов приходятся как нельзя кстати.

тоесть делать получается в лучшем случае надо 2 сайта