PDA

Просмотр полной версии : кросс-браузерность с CSS не получается


3JIO
13.11.2011, 19:02
У меня с кнопками проблемы. Вот так выглядит на FireFox-е:

http://jurfak.ya1.ru/wp-content/uploads/button_FF.png

А вот как на самом деле должно выглядеть (на Oper-e):

http://jurfak.ya1.ru/wp-content/uploads/button_OPERA.png

Каковы ваши решения дамы и господа?

XtenD-Vas
14.11.2011, 02:50
css код выложи )

3JIO
14.11.2011, 10:30
css код выложи )

input[type="submit"], input[type="button"],button[type="submit"], a.button_zlo {
text-decoration: none;
text-align:center;
vertical-align:middle;
cursor: pointer;
display: inline-block;
line-height: 1;
border-radius: 2px 2px 2px 2px;
cursor: pointer;
font-size: 12px !important;
font-weight: bold !important;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
width:100px;
text-align: center;
border:1px solid #19479a;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
-khtml-box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
color: #f6f6f6;
background: -khtml-linear-gradient(top,#447ce2,#336bd1);
background: -moz-linear-gradient(top,#447ce2,#336bd1);
background: -webkit-gradient(linear, left top, left bottom, from(#447ce2), to(#336bd1));
filter: progid:DXImageTransform.Microsoft.gradient(enabled ='true',startColorstr=#447ce2,endColorstr=#336bd1, GradientType=0); zoom: 1;
background: linear-gradient(top,#447ce2,#336bd1);
background: -o-linear-gradient(top,#447ce2,#336bd1); /* Opera */
}

3JIO
14.11.2011, 11:38
Сделал. Оказывается надо было RESET CSS использовать :)

/* RESET */
html{color:#000;background:#FFF}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,c ode,form,fieldset,legend,input,button,textarea,sel ect,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,button,caption,cite,code,dfn,em,input,optg roup,option,select,strong,textarea,th,var{font:inh erit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}

/* FONT RESET */
body{font:12px tahoma,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,textarea,button{font:99% tahoma,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}