Miércoles, 28 Junio 2017

Cómo resetear los estilos CSS de los navegadores

¡ Compartelo en tus REDES SOCIALES ! y siguenos en TWITTER

8 años 2 meses antes #1815 por Doris
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 para unirse a la conversación.

8 años 2 meses antes - 8 años 2 meses antes #1816 por redlo
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 para unirse a la conversación.

8 años 2 meses antes #1818 por tuxmerlin
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 para unirse a la conversación.

8 años 2 meses antes - 8 años 2 meses antes #1820 por Dimar
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 para unirse a la conversación.

8 años 2 meses antes - 8 años 2 meses antes #1826 por dagget
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 para unirse a la conversación.