1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

IE 6 Y 7, dudas con márgenes

Tema en 'Programación y Diseño Web' iniciado por Soda Stereo, 15 May 2009.

  1. Soda Stereo

    Soda Stereo Nuevo usuario

    Hola! me gustaría que me ayuden en lo siguiente, aún no subí mi sitio al servidor, falta un poco para eso, lo que no entiendo bien es por qué en internet explorer 6 tengo <b>un pequeño margen derecho de 2 px aproximadamente</b> en el menú horizontal, y en internet explorer 7, mozilla y opera se ven perfectamente bien, a continuación posteo las 2 capturas, una de internet explorer 6 y la otra del 7 para que noten la diferencia:

    Así es como se ve en internet explorer 6 (forma incorrecta):

    <a href="http://img193.imageshack.us/img193/3348/cuerpo.jpg" target="_blank"><img src="http://img193.imageshack.us/img193/3348/cuerpo.th.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>

    <a href="http://img193.imageshack.us/img193/2650/pie.jpg" target="_blank"><img src="http://img193.imageshack.us/img193/2650/pie.th.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>


    Así se ve en internet explorer 7, mozilla y ópera (forma correcta):

    <a href="http://img193.imageshack.us/img193/2569/ie7.jpg" target="_blank"><img src="http://img193.imageshack.us/img193/2569/ie7.th.jpg" border="0" onload='image_resizer._create(this)' alt="Imagen IPB" /></a>


    Antes de que me pidan, pongo para que descarguen el código CSS y HTML :) .
    Por último podrán ver que en IE 6 el menú que está sobre la derecha (las listas desordenadas) están más separadas, y en IE 7 está como realmente lo diseñé
     

    Adjuntos:

  2.  
  3. elQuique

    elQuique Usuario activo

    En realidad no es un problema de margenes si no de padding porque el IE6, que ya no se usa más, no maneja bien los padding de forma estandar y suma el ancho del margen + el padding, lo que hace que el ancho no tenga lógica.

    Soluciones, haz un maquetado liquido.

    Usa un condicional en HTML para cargar una hoja de estilo especialmente pensada para IE6.
     
  4. opinguino

    opinguino Espécimen en peligro de extinción

    estamos en internet explorer 8, va siendo hora de que el mundo se olvide del IE6 que es muy viejo.

    al igual que el mundo se ha olvidado de los que navegan a una resolución de 1024*800 es hora de irse olvidando de esos navegadores obsoletos
     
  5. Soda Stereo

    Soda Stereo Nuevo usuario

    Estoy completamente de acuerdo con uds, aunque no crean aquí en Argentina, algún que otro usuario usa IE 6 <_< , es por eso de que me preocupo un poco.
    Quique me explicas más o menos como es eso de hacer un maquetado líquido?, y también lo de condicional HTML para cargar una hoja de estilo pensada para css.

    última pregunta, qué pasa si cargo una hoja diseñada para IE 6 y la otra para IE 7?, podría haber algún problema a la hora de leer las 2 hojas de estilos?, mas teniendo en cuenta si usan IE 6 o 7?.

    Gracias por sus opiniones chicos!!!
     
  6. aguja

    aguja Nuevo usuario

    <!--quoteo(post=371088:date=May 15 2009, 09:07 AM:name=opinguino)--><div class='quotetop'>CITA(opinguino @ May 15 2009, 09:07 AM) [snapback]371088[/snapback]</div><div class='quotemain'><!--quotec-->
    estamos en internet explorer 8, va siendo hora de que el mundo se olvide del IE6 que es muy viejo.

    al igual que el mundo se ha olvidado de los que navegan a una resolución de 1024*800 es hora de irse olvidando de esos navegadores obsoletos
    <!--QuoteEnd--></div><!--QuoteEEnd-->
    "El mundo" olvidará a IE6 (¿la historia lo absolverá por no ser compatible con los Estándares Web?? <_< ) pero los Desarrolladores Web debemos procurar la Accesibilidad Web, superar barreras de plataformas, sistemas operativos, software, navegadores, resoluciones de pantalla y discapacidades de cualquier tipo que los usuarios de la red puedan tener.
    Para facilitar esa tarea existen los Estándares de Desarrollo Web.


    Les cuento algo al respecto:

    Intentando seguir las Elecciones Internas uruguayas del domingo pasado, me encontré con un sitio web proyectado por medios uruguayos importantes, bien posicionado en google por su nombre de dominio (lo primero a tener en cuenta en el posicionamiento web) que me prometía información relevante sobre el tema, a sabiendas justamente de quienes lo llevaban a cabo.
    Resultó ser que el sitio no estaba desarrollado bajo estándares, y no pude acceder a él por falta de plug-ins.
    Renegando, me tomé el trabajo de instalar en MI Sistema Operativo, la plataforma Silverlight para ver el sitio.
    Agotada mi paciencia por el tiempo de espera, por fin accedí a un sitio con información relevante (una pena que los buscadores no puedan decir lo mismo...) y un diseño gráfico tipo era de las galaxias (eso es nada más cuestión de gusto estético) y mi conclusión es que NO valió la pena el tiempo perdido en esperas de pregargas, descarga e instalación "ensuciando" mi propio Sistema Operativo con software cerrado y propietario.


    <!--quoteo(post=371192:date=May 16 2009, 01:00 AM:name=Soda Stereo)--><div class='quotetop'>CITA(Soda Stereo @ May 16 2009, 01:00 AM) [snapback]371192[/snapback]</div><div class='quotemain'><!--quotec-->
    Estoy completamente de acuerdo con uds, aunque no crean aquí en Argentina, algún que otro usuario usa IE 6 dry.gif , es por eso de que me preocupo un poco.
    Quique me explicas más o menos como es eso de hacer un maquetado líquido?, y también lo de condicional HTML para cargar una hoja de estilo pensada para css.

    última pregunta, qué pasa si cargo una hoja diseñada para IE 6 y la otra para IE 7?, podría haber algún problema a la hora de leer las 2 hojas de estilos?, mas teniendo en cuenta si usan IE 6 o 7?.

    Gracias por sus opiniones chicos!!!
    <!--QuoteEnd--></div><!--QuoteEEnd-->
    Usar un condicional para IE con la etiqueta:

    <!--[if IE]>
    Acá cargás el CSS alternativo o directamente modificás propiedades con <style></style>
    <![endif]-->

    Buscá en google por la sintaxis completa de condicionantes en HTML porque podés cargar un estilo para cada versión de IE, el navegador web incompatible con su hábitat.



    Saludos a todos.
     
  7. elQuique

    elQuique Usuario activo

    El uso de condicionales es una de las mejores formas de salvar el problema.

    Igualmente no te mates mucho en que se vea bien en IE6, por lo general los que usan IE, y sobre todo IE7, ni cuenta se van a dar si el sitio esta un pelin corrido de lugar.

    La alfabetización digital se mide con este tipo de cosas, y si no saben leer aun no importa como hescrivas :p
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·