Lunes, 20 Noviembre 2017

Cómo resetear los estilos CSS de los navegadores

¡ Compartelo en tus REDES SOCIALES ! y siguenos en TWITTER

8 años 7 meses antes
Avatar de Doris
Doris
Invitado
Invitado
Autor del tema
Cómo resetear los estilos CSS de los navegadores #1815
Buenos días a todos.

Quisiera saber cómo puedo resetear los estilos CSS de una plantilla Joomla para que pueda verse en la mayoría de navegadores importantes (Firefox, Ópera, IE6, IE7, Safari, Chrome).

He consultado en varios foros, pero no responde nadie a esta pregunta.

Qué código puedo utilizar y dónde debo colocarlo... cómo llamo a ese código. En fin... ya empiezo a estar desesperada porque mi sitio se ve muy bien en Fifefox y algún otro navegador. Sin embargo, en Internet Explorer todo me queda desencajado...:(

He probado enlazando los archivos del framework YUI y también el famos reset de Eric Mayer's, pero no me funciona ninguno o, tal vez, es porque hago algo mal.

Gracias por su ayuda
Doris

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

8 años 7 meses antes 8 años 7 meses antes por redlo.
Avatar de redlo
redlo
Administrator
Administrator
Mensajes: 5915
Karma: 317
Más
Cómo resetear los estilos CSS de los navegadores #1816
No se si recuerdas la pelicula "Cortocircuito" que decia el robot "datos, datos, datos....mas datos!!!" . :) Cual es tu pagina web? Y no te desesperes .

Desarrollos Web a medida Joomla
La vida es demasiado corta, como para tomarsela en serio

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

8 años 7 meses antes
Avatar de tuxmerlin
tuxmerlin
Platinum Boarder
Platinum Boarder
Mensajes: 451
Karma: 42
Más
Cómo resetear los estilos CSS de los navegadores #1818
No entiendo lo de "resetear"... pero supongo que ha de ser que no te toma ciertos estilos del CSS de tu plantilla.
En ese caso, investiga un poco sobre los hacks CSS para los navegadores en Google. Empieza con este link www.desarrolloweb.com/articulos/hacks-css.html donde te explican qué es.

Suerte!

Tux Merlín Extensions
"Orientar personas es despertar vida"... Anselm Grün

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

8 años 7 meses antes 8 años 7 meses antes por Dimar.
Avatar de Dimar
Dimar
Platinum Boarder
Platinum Boarder
Mensajes: 388
Karma: 28
Más
Cómo resetear los estilos CSS de los navegadores #1820
La mejor solucion es fomentar Firefox o Opera o el navegador de Google a tus visitantes, asi lo voy hacer yo, y dar a conocer el porque recomiendas esos navegadores y no IE, lamentablemente Microsoft siempre a hecho lo que le da la gana, y hace los cambios cuando le da la gana. Mientras Firefox Opera y todos los demas hacen los cambios rapido para que el Webmaster pueda utilizar y beneficiarse de lo ultimo en diseño web, Microsoft se da su postin (postin=que tarda) para actualizar.

Quien no va a querer utilizar un mejor navegador?? y donde si tus visitantes buscan opinion en google sobre los mejores navegadores web TODAS son opiniones buenas, en rangos estándar de uso.

Por cierto, en estos momentos, tengo un problema en mi proyecto con los fondos transparentes en IE, pero asi lo voy a dejar, no me voy a romper la cabeza buscado la solucion por culpa de un software que no se interesa por ayudar y ser como los demas, en beneficio de todos.

Exitos!!! ;)

Es mejor enseñar , que dar la solución. ;)

Desde cuando no haces un Backup de tu sitio?? :dry: y que estas esperando?

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

8 años 7 meses antes 8 años 7 meses antes por redlo.
Avatar de dagget
dagget
Gold Boarder
Gold Boarder
Mensajes: 234
Karma: 60
Más
Cómo resetear los estilos CSS de los navegadores #1826
Obtener resultados "cross-browser" es lo más tedioso de la vida de un desarrollador, a menudo por no decir casi siempre la flamante plantilla desarrollada en Firefox con una resolucion X se ve horrible en otros navegadores habitualmente navegadores basados en el motor de explorer...

Las soluciones pasan por 2 vias:

1 - Utilizar hacks como dice tuxmerlin, googleando un poco encontraras abundante información. Un ejemplo sería el siguiente:
#main {
	margin-top: 5px;
	width: 700px;
	height: auto;
	overflow: hidden;
	float: right;
	margin-right: 20px;
	.margin-right: 10px;
	margin-bottom: 10px;
}

En este caso mozilla no entiende el punto que antecede al segundo margin-right y iexplorer 6/7 si por lo que ejecuta la segunda orden.

2 - La segunda via es utilizar dos hojas de estilo distintas ya que esos hacks habitualmente no pasan la validación de la w3c, entonces la sintaxis se traslada al index.php entre <head> y </head>


<!--[if IE 7]>
<link href="templates/<?php echo $this->template ?>/css/explorer.css" rel="stylesheet" type="text/css"/>
<![endif]-->
<!--[if lte IE 6]>
<link href="templates/<?php echo $this->template ?>/css/explorer.css" rel="stylesheet" type="text/css"/>
<![endif]-->


* esta opción puede hacerse con javascript y obtener mejor el navegador del cliente

CEO at Joomla! Projects
CEO at GWErp
Linux user number #470399

Por favor, Identificarse o Crear cuenta para unirse a la conversación.

Tiempo de carga de la página: 0.206 segundos