Regresar a la página ComoCrearTuWeb.com
Página 5 de 5 PrimerPrimer 12345
Resultados 61 al 69 de 69

Tema: Conseguir que la web se vea igual en todos los navegadores

  1. #61
    BaraArzate
    Guest
    Excelente aporte, pero aun no logro alcanzar ese punto medio donde funcione en todos los navegadores de forma óptima, siempre hay alguno que sale con algún pequeño error o donde el diseño se discrepa

  2. #62
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    05 may, 20
    Mensajes
    1
    Poder de Reputación
    0
    Cita Iniciado por Foley Ver Mensaje
    Hola

    Este tema lo creo a razón de bastantes preguntas de foreros que están creando su web y se encuentran con el problema de que se ve bien en un navegador y en el resto no. Veo que en general se os ve bien en internet explorer y no en el resto (debería ser al contrario je je je).

    Como vamos a hacer bastantes cambios, te recomiendo que dupliques los archivos de tu web, es decir que crees lo que se llama una copia de seguridad para así luego, si algo queda mal pues puedas volver al estado anterior.

    Vamos al tema:

    Cuando creamos una web se debe mirar primero en firefox porque es un navegador muy extendido y que además interpreta el código bien, cosa que internet explorer (ie) no hace. Los principales problemas en ie son con los márgenes y con los anchos pero es todo prueba y error: modificas un ancho/margen y ves cómo afecta a la visualización.

    Recomiendo usar una hoja de estilos para internet explorer y otra para firefox, opera y demás. Recomiendo montarlo así:

    estilos.css (esa para todos las navegadores menos ie)
    estilos-ie.css (para ie, obvio je je, si en tu caso la hoja estilo-general.css hace que se vea bien solo en ie pues entonces renombrala a estilos-ie.css)

    Primero vamos a "instalar" lo que se llama un reset css, copia todo el código y guárdalo como reset.css:

    http://www.testautomovil.com/css/reset.css

    Colócalo en el head, usando este código:

    Código:
    <link rel="stylesheet" href="reset.css" media="all" />
    El reset tendrá que quedarte justo antes del siguiente código que te daré.

    Ahora bien, cómo se indica que use una en todos los casos salvo en ie y que use la otra solo cuando el navegador es internet explorer? Fácil, con el siguiente código indicas la hoja de estilos para todos salvo ie:

    Código:
    <link rel="stylesheet" href="estilos.css" type="text/css">
    Con el siguiente código indicas que en todas las versiones de ie se use la estilos-ie.css (coloca el código justo antes de </head>):

    Código:
    <!--[if IE]>
    <link rel="STYLESHEET" type="text/css" href="estilos-ie.css" />
    <![endif]-->
    Con eso bastaría pero hay casos como el de la primera web de mi firma que usa 3 hojas de estilo, una para todos salvo ie, otra para ie6 y otra para ie7 o superior. Hice eso porque se me veía de diferente forma en ciertas versiones del ie, un rompecabezas vamos je je Laughing

    Para eso ya necesitas otros códigos que te indican y explican aquí (te recomiendo leerlo):

    http://www.disenorama.com/tutoriales...onales-para-ie

    Supongo que después de este tocho que te acabo de escribir odias al internet explorer y también a microsoft, como todos los diseñador de webs, o casi todos.

    Al hacer todo esto el head de tu web debería quedar de este estilo:

    Código:
    <head>
    ---------------etiquetas meta y título-------------------
    <link rel="stylesheet" href="reset.css" media="all" />
    <link rel="stylesheet" href="estilos.css" media="all" />
       <!--[if IE]>
       <link rel="STYLESHEET" type="text/css" href="estilos-ie.css" />
       <![endif]-->
    </head>
    Después de hacer todo eso tiene que mejorar sino hazte la idea de que algo estás haciendo mal.

    Si aún así se te sigue viendo mal, entonces crea un nuevo tema en el "Foro General" porque siempre hay solución solo que aquí mi idea es explicarlo todo de la forma más sencilla posible. Por favor, no pidas ayuda respondiendo a este.

    Ah y ya lo último, por si te hace falta ver cómo tengo montado lo de las hojas de estilo y qué tengo en cada una, te dejo dos enlaces a tres hojas de estilo que uso en mi web (tiene bastantes cosas pero para hacerte una idea sirve):

    http://www.testautomovil.com/css/base.css la general
    http://www.testautomovil.com/css/estilos-ie.css la de ie 7 o superior
    http://www.testautomovil.com/css/fix-ie6.css la de ie 6

    EDITO: Quizás os interese leer algunas dudas de usuarios con respecto a este tema:

    http://www.comocreartuweb.com/phpBB2/ftopic26110.html

    Saludos ;)
    Gracias, gran aporte !!

  3. #63
    Recien Llegado! Merodeador Avatar de elonline
    Fecha de Ingreso
    22 ago, 20
    Ubicación
    Santo Domingo
    Mensajes
    5
    Poder de Reputación
    0
    Un tema bastante antiguo, pero que sigue vigente y la verdad que es muy difícil lograr ese objetivo, en lo personal he realizado varios experimento y hasta el tipo de letras suela cambiar cuando vemos la web desde distintos navegadores, por ejemplo; el peso de las fuentes no parece ser el mismo. Debo señalar que si bien puede ser un poco complicado he tenido cierto éxito con el blog de marketing online y otros sitios web logrando una muy buena apareciencia en cualquier dispositivo (escritorio, tablets, móvil) y en los distintos navegadores.

    Como sea el caso, lo primero es ir viendo la web desde distintos navegadores e ir haciendo los ajustes hasta donde sea posible.
    Un amante de los negocios online.

  4. #64
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    08 ene, 21
    Mensajes
    2
    Poder de Reputación
    0
    Muchas gracias por la información. Es de gran ayuda para aquellos que no tenemos mucha idea. ;P

  5. #65
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    13 may, 21
    Mensajes
    1
    Poder de Reputación
    0
    Cita Iniciado por Pipo Ver Mensaje
    Por qué razón no se ve igual en todos los navegadores las páginas web. Por ejemplo si creo una página web om en Chrome se ve espectacular, pero en firefox, opera y otros cambia su formato.
    Esto es por que cada navegador renderiza el html a su manera. Algunos agregan un borde invisible que te descoloca los divs, o el tamaño de la fuente es ligeramente distina... Lo mejor es probar tu página web en cada navegador, y realizar los ajustes necesarios para que se vea mas o menos bien en todas. Pero igual, es muy dificil de conseguir

  6. #66
    Recien Llegado! Merodeador
    Fecha de Ingreso
    17 jul, 21
    Mensajes
    4
    Poder de Reputación
    0
    Algo que no he entendido es por que en Opera al usar Twitter se ve tan mal, si lo abro en Chrome se ve bien, igual en Firefox, pero en Opera se ve como aquella versión antigua de 2010, pasa con Facebook también, hablo del Opera de Android, Opera Mini, está claro que el de Google y Mozilla son los mejores navegadores.

  7. #67
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    05 ago, 21
    Ubicación
    Reus
    Mensajes
    2
    Poder de Reputación
    0
    Aún que cada vez, las versiones de HTML 5 y CSS 3 están más "estandarizadas" sigue siendo complicado que un sitio web se vea exactamente igual en todos los navegadores. Pero en la práctica, yo creo que no debes volverte loco y centrarte en los navegadors que utilizan los usuarios que visitan tu web. Eso puedes saberlo gracias a herramientas gratuitas como Google Analytics. Por ejemplo...

  8. #68
    Recien Llegado! Merodeador
    Fecha de Ingreso
    17 jul, 21
    Mensajes
    4
    Poder de Reputación
    0
    Cada navegador tiene su motor, unos son mejores que otros en distintos aspectos, gestión de la memoria, rapidez al mostrar la página, renderización, etc. Hasta hace unos 4 años mi preferido era Mozilla Firefox, me parecía el mejor no solo por lo ligero que era sino por la cantidad de complementos que tenía para no solo personalizarlo sino para acelerar la renderización web. En cambio ahora el que más utilizo es Google Chrome, aunque la gestión de la memoria no es tan buena como aquel Firefox, Opera también era buena opción antes del cambio de motor.

  9. #69
    Recien Llegado! Merodeador
    Fecha de Ingreso
    14 oct, 21
    Mensajes
    3
    Poder de Reputación
    0
    Interesante tema, muchas gracias a todos por compartir, recien me uni pero ya estoy aprendiendo bastante!

Página 5 de 5 PrimerPrimer 12345

Temas Similares

  1. Web Wordpress igual en todos los navegadores???
    Por Campero en el foro Foro General
    Respuestas: 0
    Último Mensaje: 07/04/2012, 13:12
  2. NO se me ve igual en todos los navegadores. Por qué???
    Por Charli10 en el foro Foro General
    Respuestas: 8
    Último Mensaje: 10/11/2010, 08:06

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •