Comunidad de diseño web y desarrollo en internet online

Excluir regla CSS para Safari

Citar            
MensajeEscrito el 19 May 2009 08:01 pm
Hola a todos, espero me puedan ayudar a resolver un pequeño problema que tengo.

Hace poco empezé a rediseñar mi sitio, y puse una caja de búsqueda, el textField es mayor que la tipografía y por tanto en la mayor parte de los navegadores se alienea hacia "arriba a la derecha", y por ello es necesario aplicar un padding que la mueva al centro (verticalmente) hasta ahi no hay problema, pero el problema esta en que Safari no alinea el texto hacia arriba, sino que por default lo pone alieneado verticalmente, es decir, en el centro; por lo que el padding lo baja de más.

Mi duda es ¿Se puede excluir ese parámetro que esta en la CSS si se detecta que el navegador es Safari?

No se si se pueda desde CSS ó HTML, aunque si se puede mediante otra forma también se los agredeceré :)

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 19 May 2009 08:24 pm
segun entiendo, esto con puro css o html no se podria lograr
no se que opinen los demas pero podrias en vez de usar un archivo .css, usar un .php y ponerle una cabecera de css y ahi verificar el navegador y darle o quitarle lineas especiales

o mejor aun, hacer en el header (de tu pagina) la comprobacion, y si es X navegador, incluir otro css

Por tribak

Claber

2448 de clabLevel

6 tutoriales

Genero:Masculino   Héroes

Fotógrafo o algo

firefox
Citar            
MensajeEscrito el 22 May 2009 08:47 pm
Pero entonces ¿de que forma lo podría hacer en PHP ó JS?

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 22 May 2009 09:50 pm
lo primero seria poner en tu style.php la cabecera
<?php header("Content-type: text/css"); ?>

luego en el header cambias de style.css a style.php donde hace link al archivo de estilo

despues con $_SERVER['HTTP_USER_AGENT'] revisas el navegador del usuario
y haces validaciones con PHP

Por tribak

Claber

2448 de clabLevel

6 tutoriales

Genero:Masculino   Héroes

Fotógrafo o algo

firefox
Citar            
MensajeEscrito el 22 May 2009 10:34 pm
También puedes útilizar javascript. En mi blog útilizo algo así y tambien te serviría a ti porque veo que útilizas jquery.

JAVASCRIPT

Código Javascript :

var Saf=/a/.__proto__=='//'; // devuelve true si el navegador es safari
if((Saf)){
      $("#elemento").addClass("clase_safari");
   }


CSS

Código :

.clase_global{
padding: 10px;
}

.clase_safari{
padding: 0px !important;
}


Necesitas crear 2 clases en tu archivo css, la normal y una especial para safari. Después detectas con javascript, si es safari agregas una clase con menos padding o sin padding.

Por ivanfc0o

Claber

391 de clabLevel

3 tutoriales

Genero:Masculino  

Hardcore UI

mozilla
Citar            
MensajeEscrito el 25 May 2009 07:02 pm
Gracias a ambos, creo que intentaré con JS porque se me hace más fácil ^^

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Matamoros, Tam.

firefox
Citar            
MensajeEscrito el 27 May 2009 07:40 pm
Wii!
Muchas gracias Iván ^^
Probé con tu sugerencia y todo anda perfecto, espero pronto terminar mi diseño.

Por [Ray]

Claber

1901 de clabLevel

20 tutoriales

Genero:Masculino  

Matamoros, Tam.

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.