Hack CSS

[Testament]

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

[Metale Chala]

nintendo.

 

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

[Testament]

yep.. cualquiera... background,border,etc,etc.

[Metale Chala]

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.

[Testament]

wenaaa..

 

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

 

esta wea sirve mucho.. no la sabia =)

[Metale Chala]

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á!

[Testament]

todabia no lo pruebas??

 

funciona o no??!!!

[Metale Chala]

todabia no lo pruebas??

 

funciona o no??!!!

 

nada.

 

Pero noel dijo que lo probaría po xD

[A-J]

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!

[Metale Chala]

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:

[Metale Chala]

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.

[Testament]

Hack CSS para IE8

 

ejemplo:

 

.nombreclase{

color /*\**/: blue\9

}

 

 

ojo, esto solamente lo interpreta IE8! Pruebenlo

[Metale Chala]

qué te fumaste? xD

 

wea rara ctm!

[Metale Chala]

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

[Metale Chala]

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

position:fixed

si el documento no tiene el DocType.

 

muy freak.

[Metale Chala]

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;}

}