Cómo hacer que CSS se vea igual en Chrome y Firefox

  • Autor Autor thejigg0695
  • Fecha de inicio Fecha de inicio
T

thejigg0695

Dseda
Redactor
Hola, Necesito un poco de su ayuda ya que estado buscando todo el dia y no e podido solucionarlo, miren aquí le dejo la imagen de problema.

Enlace eliminado

Lo que quiero es que en Google Chrome se mire igual que Mozilla Firefox como lo puedo hacer?​

e mirado que hay como unas condicionales para diferentes exploradores, pero nada me funciona o tal vez no se como se utilizan esa condicionales en blogger, les agradecería mucho si me pudieran dar alguna solución a este problema.

Bueno aquí le dejo el código css del buscador por si lo necesitan
Insertar CODE, HTML o PHP:
/* Search
--------------------------------------------*/
#search {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 3px solid #cc6666;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff none repeat scroll 0 0;
border:1px solid #dbdbdb;
display:inline;
float:left;
height:36px;
margin-left:545px;
margin-top:-65px;
padding:2px;
width:366px;
}
#search form {
margin:0;
padding:0;
}
#search fieldset {
border:medium none;
margin:0;
padding:0;
}
#search p {
font-size:85%;
margin:0;
}
#s {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff none repeat scroll 0 0;
border:medium none;
color:#000;
display:inline;
float:left;
font-family:"Tahoma",Arial,Helvetica,sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:20px 10px 0 0;
width:295px;
}
input#searchsubmit {
font-size:90%;
font-weight:bold;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: #6e91c9; /* Old browsers */
background: -moz-linear-gradient(top, #6e91c9 0%, #207fa9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e91c9), color-stop(100%,#207fa9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #6e91c9 0%,#207fa9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #6e91c9 0%,#207fa9 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #6e91c9 0%,#207fa9 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e91c9', endColorstr='#207fa9',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #6e91c9 0%,#207fa9 100%); /* W3C */border:1px solid #2274a2;
color:#FFFFFF;
display:inline;
float:left;
height:36px;
margin-top: -36px;
margin-left: 290px;
}

Espero y me pueden ayudar a solucionarlo :argh:
 
debes añadir un padding a input#searchsubmit, pero hazlos con hacks css para webkit
 
Muchas Gracias, sin su ayuda no hubiera podido solucionarlo, Gracias por su ayuda :top:
 
Atrás
Arriba