Sign in to follow this  
Testament

Hack CSS

16 posts in this topic

aca un tip importante para css... Uno cuando usa css, se da cuenta que las paginas no quedan igual en todos los navegadores.. y necesitamos darle una orden para que explorer se vea bien, pero al hacer eso, en firefox se ve mal.. tonces la solucion es:

 

al usar una funcion en css por ejemplo:

 

padding-left:10px; (esto lo interpretan todos los navegadores y fielmente firefox)

 

.padding-left:10px; (al poner el punto adelante solo lo interpreta ie6 y ie7)

 

_padding-left:10px; (al poner el el guion bajo adelante solo lo interpreta ie6)

 

 

con esto uno aparte de mejorar la apariencia en ciertos navegadores... uno si quiere puede dar un distinto diseño segun el navegador que este usando.

 

ojala le sirva a alguien. xD

Share this post


Link to post
Share on other sites

nintendo.

 

el punto y el subguión, los puedo usar en cualquier atributo??

Share this post


Link to post
Share on other sites

Otro hack definitivo:

 

Cómo mostrar un div (o en realidad cualquier wea) segun el navegador sea IE o Mozilla:

 

IE no entiende que cualquier cosa después de // es un comentario, por lo que cualquier cosa después de // lo entenderá como parte del código.

Mozilla por su parte, piensa que cualquier cosa después de // es un comentario, por lo que NO lo interpretará en el html.

 

a manera de ejemplo:

 

display:visible;

// display:none;

 

 

 

Listo, jaja, ahí, inmediatamente ya discriminamos.

Mozilla lo mostrará, pero IE se quedará con el "none".

 

Así entonces, y como último ejemplo, podemos hacer que un div tenga un color de fondo distinto para IE o Mozilla:

 

background-color: #000000;

//background-color: #FFFFFF;

 

 

Negro para Mozilla, y blanco para IE.

 

Nice, y sin una sola línea de JS.

 

 

Esto es aplicable a cualquier parámetro/atributo.

Share this post


Link to post
Share on other sites

wenaaa..

 

a probar no mas... IE6 wn que no pesca los comentarios wn xD

 

esta wea sirve mucho.. no la sabia =)

Share this post


Link to post
Share on other sites

Esto es pal hoyo.

 

Un código que obliga a cualquier versión inferior a IE7, a comportarse como un navegador que sigue los estándares.

 

.mori.

 

Dentro del head se pone:

<!--[if lt IE 7]>
<script src="/ie7/ie7-standard-p.js" type="text/javascript">
</script>
<![endif]-->

y el .js lo bajamos desde Google Code

 

No lo he probado.. pero pa la cagá!

Share this post


Link to post
Share on other sites

todabia no lo pruebas??

 

funciona o no??!!!

 

nada.

 

Pero noel dijo que lo probaría po xD

Share this post


Link to post
Share on other sites

Consejo cuando creen una web traten de ver primero como se ve en explorer y despues firefox

explorer es el que más se usa, pero es una basura.. pero si tu web logra verse bien con explorer salvado!

con firefox 0 problem!...

 

saludos!

Share this post


Link to post
Share on other sites

Consejo cuando creen una web traten de ver primero como se ve en explorer y despues firefox

explorer es el que más se usa, pero es una basura.. pero si tu web logra verse bien con explorer salvado!

con firefox 0 problem!...

 

saludos!

 

Oh no.

 

Mi experiencia me indica que lo más fácil y más sano -mentalmente- es programar para el motor de mozilla ya que muchos navegadores lo usan y luego ir corrigiendo los caprichos de IE.

Bueno, y además es lo más respetable profesionalmente hablando, pues mozilla es más fiel a los estándares que IE.

:wink:

Share this post


Link to post
Share on other sites

Acabo de perder bastante dinero intentando resolver un problema, cortesía de IE8.

 

Sepan todos, que la forma común de centrar un OBJECT vía CSS, en IE8 no funca.

 

Normalmente lo meteremos dentro de un div, y haríamos:

 

#contenedor{

margin:0 auto;

}

 

 

Pues bien, después de probar mil consejos que encontré en algunos sitios, dí con la solución:

 

body{

text-align: center;

}

 

#contenedor{

margin:0 auto;

text-align:left;

}

 

 

El "text-align: center" centra el div para IE8 y el "margin:0 auto; text-align: left" va a tirar el texto a la izquierda y centrará el div para los demás navegadores.

Sabido es que IE toma los flash, por ejemplo como texto y hay que darles simplemente "align:center" y listo, pero en IE8 eso no es suficiente.

 

Salud.

Share this post


Link to post
Share on other sites

Hack CSS para IE8

 

ejemplo:

 

.nombreclase{

color /*\**/: blue\9

}

 

 

ojo, esto solamente lo interpreta IE8! Pruebenlo

Share this post


Link to post
Share on other sites

qué te fumaste? xD

 

wea rara ctm!

Share this post


Link to post
Share on other sites

Aquí muchos más!!

 

Para safari, firefox, chrome, etc:

 

Página Web:

http://www.racotecnic.com/2010/02/css-hack...e-opera-safari/

 

Descarga PDF:

http://www.gigabytes.cl/hacks-css-firefox-...lorer-opera.pdf

Share this post


Link to post
Share on other sites

Sólo agregar que InternetExplorer (ninguna versión) va a pescar el

position:fixed

si el documento no tiene el DocType.

 

muy freak.

Share this post


Link to post
Share on other sites

Aquí declaramos un texto en color verde para todos los navegadores, pero para Google Chrome será rojo:

 

/* will be red only in google chrome */

#test1{color:green;}

@media screen and (-webkit-min-device-pixel-ratio:0) {

#test1{color:red;}

}

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
Sign in to follow this