Замена файла css для мобильной версии сайта

[Orion111]

Всем привет. В общем есть сайт, с телефона просматривается не особо (через опера мини). Хочу сделать файлик css дополнительный специально для мобильной версии. То есть чтобы открывалась та же страница, только с другими свойствами, а не другой адрес а-ля m.site.ru. Перерыл поисковик ничего такого не нашёл. Нашёлся только скрипт замены файла css, если входишь на сайт с IE. Выглядит так:

<script type="text/javascript">

DOM = document.getElementById;

Netscape4 = document.layer;

Netscape6 = Mozilla = (navigator.appName == "Netscape") && DOM;

Netscape7 = navigator.userAgent.indexOf("Netscape/7") >= 0;

Opera5 = window.opera && DOM;

Opera6 = Opera5 && window.print;

Opera7 = Opera5 && navigator.userAgent.indexOf("Opera 7") >= 0;

Opera8 = navigator.userAgent.indexOf("Opera/8") >= 0;

Opera9 = navigator.userAgent.indexOf("Opera/9") >= 0;

IE = document.all && !Opera5;

Firefox = navigator.userAgent.indexOf("Firefox") >= 0;

if(IE) document.write("<link rel='stylesheet' href='style_ie.css' type='text/css'>");

else document.write("<link rel='stylesheet' href='style000.css' type='text/css'>");

</script>

Вот думаю может быть его дополнить мобильными браузерами? Не разбираюсь только в их названиях, т.е. как правильно их записать в скрипт. Или такая тема не пройдёт и нужно использовать другие варианты? Очень надеюсь на вашу помощь. Заранее спасибо

[Veseloff]

http://api.yandex.ru/detector/

[Searcher]

Гораздо проще КПК всякие отличать по размеру экрана...

[Orion111]

Посмотрел Яндекс детектор - заинтересовало, но облазив всё описание так и не увидел как это всё воплотить в рабочее состояние. Написано только то, что он определит версию устройства, а что потом то? Что ж потом с этой узнанной версией делать? Поискал более подробное описание - не нашёл, а мне бы посмотреть что-то пошаговое как всё это исполнить. А насчёт метода через размер экрана нету ссылочек чтобы поподробнее почитать?

Edited July 8, 2010 by Orion111

[adwo]

Может быть media="handheld" для тега link?

Edited July 8, 2010 by adwo

[Orion111]

А под handheld подходят все телефоны? Ладно попробую. Спасибо

[sigma77]

Может быть media="handheld" для тега link?

Фактически это значение не поддерживается браузерами.

Edited July 9, 2010 by sigma77

[adwo]

Фактически это значение не поддерживается браузерами.

Дело не в том, что оно не поддерживается, а в том, что сейчас мобильные браузеры специально используют стили, предназначенные для мониторов (screen).

Можно попробовать (сам не пробовал) сделать так (рекомендовано на сайте оперы, а так же должно работать для всех наладонников):

<link rel="stylesheet" href="style/handheldexample.css" type="text/css" media="handheld, only screen and (max-device-width: 480px)" />
<link rel="stylesheet" href="style/screen.css" type="text/css" media="screen and (min-device-width: 481px)" />

Кому интересно почитать - http://dev.opera.com/articles/view/evolvin...your-phone-des/

Но лично мне кажется более надежным просто сделать на поддомене сайт для мобильный устройств (m.example.com).

Edited July 10, 2010 by adwo