VPF::css под разные браузеры - Форум программистов

MrDmitry

Дата 23.12.2009, 09:28 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 556
Регистрация: 10.11.2006

Репутация: нет
Всего: нет

Как можно написать код css под разные браузеры? воозможно ли такое??

Например у меня есть такой код

Код


.user_panel{position:fixed;bottom:0;left:0;width:100%;font-size:0;}
.user_panel .user_panel_in{border:1px solid #eb3d00;border-width:0 1px;width:793pxs;margin:0 auto;height:27px;line-height:22px;
background:#fff}
.user_panel .user_panel_in b{font-size:16px;display:-moz-inline-stack;display:inline-block;*display:inline;zoom:1;
padding:0 10px 0 10px;}
.user_panel .user_panel_in a{margin:0 9px 0 0;font-size:14px;}
.footerIcon_grey{display:inline-block;font-size:0;}
.footerIcon_grey  div{width:20px;height:20px;display:-moz-inline-stack;display:inline-block; 
background:url(../images/footerIcons2_grey.png) 0px 0px no-repeat;overflow:hidden;text-indent:-9999px;zoom:1;*margin-right:-1px}
.footerIcon_grey .link {display:inline; margin:0; padding:0; background: none; font-size:14px;}
.footerIcon_grey>*:first-child{margin-left:0;}
.footerIcon_grey .profile{background-position:0px -1px;width:22px;}
.footerIcon_grey .messages{background-position:-20px 0;width:22px;}
.footerIcon_grey .event{background-position:-40px 0;width:22px;}
.footerIcon_grey .contacts{background-position:-63px 0;width:22px;}
.footerIcon_grey .photo{background-position:-85px 0;width:22px;}
.footerIcon_grey .video{background-position:-103px 0;width:21px;}
.footerIcon_grey .audio{background-position:-121px 0;width:24px;}
.footerIcon_grey .files{background-position:-143px 0;width:24px;}
.footerIcon_grey .flags{background-position:-165px 0;width:26px;}
.footerIcon_grey .text{font-family:Arial,sans-serif;font-size:10px;font-weight:bold;color:#f24000;position:relative;left:-20px;bottom:4px;margin-right:-17px}

В FF все выглядит нормально а вот в opera, chrom, IE8 не нормально выгледит :(
как оптимизировать код под эти браузеры? нельзя ли в css написать что то типо конструции
если браузер FF то применяем такой то стиль если браузер chrom то применяем такой то стиль?

FortMax

Дата 23.12.2009, 10:00 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 485
Регистрация: 2.10.2006
Где: Россия, г. Бироби джан ЕАО

Репутация: 3
Всего: 5

ето называется кросбраузерность
посмотри например тут

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »