Sábado, 25 Febrero 2017
Bienvenido, Invitado
Nombre de Usuario: Contraseña: Recordarme

TEMA: Cómo resetear los estilos CSS de los navegadores

Cómo resetear los estilos CSS de los navegadores 7 años 10 meses antes #1815

  • Doris
  • Avatar de 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
El administrador ha desactivado la escritura pública.

Re:Cómo resetear los estilos CSS de los navegadores 7 años 10 meses antes #1816

  • redlo
  • Avatar de redlo
  • Fuera de línea
  • Administrator
  • Ayudo en todo lo que puedo....y me dejan.
  • Mensajes: 5716
  • Gracias recibidas 306
  • Karma: 304
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
Última Edición: 7 años 10 meses antes por redlo.
El administrador ha desactivado la escritura pública.

Re:Cómo resetear los estilos CSS de los navegadores 7 años 10 meses antes #1818

  • tuxmerlin
  • Avatar de tuxmerlin
  • Fuera de línea
  • Platinum Boarder
  • Orientar personas es despertar vida
  • Mensajes: 451
  • Gracias recibidas 1
  • Karma: 42
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
El administrador ha desactivado la escritura pública.

Re:Cómo resetear los estilos CSS de los navegadores 7 años 10 meses antes #1820

  • Dimar
  • Avatar de Dimar
  • Fuera de línea
  • Platinum Boarder
  • Mensajes: 388
  • Karma: 28
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?
Última Edición: 7 años 10 meses antes por Dimar.
El administrador ha desactivado la escritura pública.

Re:Cómo resetear los estilos CSS de los navegadores 7 años 10 meses antes #1826

  • dagget
  • Avatar de dagget
  • Fuera de línea
  • Gold Boarder
  • Mensajes: 234
  • Karma: 60
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
Última Edición: 7 años 10 meses antes por redlo.
El administrador ha desactivado la escritura pública.
Kunena template by RoundTheme.com

Solojoomla, un lugar donde encontrar ayuda para realizar tus proyectos en la red. Con Foro de ayuda gratuita y formularios para contratación de servicios ....

Videos Turtoriales de ayuda Joomla, WordPress, Less, Css...

Portafolio webs Joomla, Wordpress, HTML5..