Как можно написать код 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 то применяем такой то стиль? |