Autor Tema: Más incompatiblidades IE-Firefox  (Leído 3345 veces)

Desconectado Flugtelero

  • Member
  • ***
  • Mensajes: 168
Más incompatiblidades IE-Firefox
« en: 17 de Mayo de 2007, 11:59:20 am »
  Nada, que la parejita navegadora se las trae  :juer:... Después de lograr que la cabecera del DIV quede correctamente situada en Firefox, resulta que en IE no llega hasta el extremo derecho del DIV contenedor. Aunque mínimo (ni me di cuenta al principio, una vez solucionado el problema -más evidente- con Firefox), el efecto es apreciable; o sea, en IE la cabecera finaliza un poquito antes de llegar al borde derecho del DIV.
 También he probado a incluir una palabra de otro color (azul) en el texto situado bajo la cabecera, ya dentro del DIV. El código aparentemente más lógico para esto es -creo- <SPAN STYLE="color=#0000FF">texto</SPAN>. Con IE funciona perfectamente, pero en Firefox no surte efecto alguno.

    ¿Cómo pueden subsanarse ambos fallos? :blind:

   P.D: el código utilizado es el expuesto en http://www.daboweb.com/foros/index.php/topic,31091.0.html

Desconectado Liamngls

  • Moderador
  • ******
  • Mensajes: 15688
    • Manuales-e
Re: Más incompatiblidades IE-Firefox
« Respuesta #1 en: 17 de Mayo de 2007, 01:23:46 pm »
Prueba con:

Código: [Seleccionar]
<span style="color:#0000FF">TEXTO</span>
:)

Desconectado Gepetto

  • Iniciado
  • *****
  • Mensajes: 1129
Re: Más incompatiblidades IE-Firefox
« Respuesta #2 en: 17 de Mayo de 2007, 09:02:48 pm »
A mi en IE6 se me ve bien. La única diferencia que veo con respecto a Firefox y Opera, es un salto de línea después del texto (pero la cabecera bien).

A ver si alguien más lo puede comprobar y lo confirma.

Desconectado Flugtelero

  • Member
  • ***
  • Mensajes: 168
Re: Más incompatiblidades IE-Firefox
« Respuesta #3 en: 18 de Mayo de 2007, 12:37:44 pm »
¡Correcto, Liamgls! :-) Bastó sustituir  el segundo signo "=" por ":" y funciona también con Firefox.
   
   Acerca de la extraña irregularidad del margen derecho con IE, (gracias por ensayar el código, Gepetto ;-)), parece que fue algo momentáneo, aunque ya me ha pasado otra vez. Por un lado me tranquiliza, porque veo que no es, por llamarlo de algún modo, un error fijo; por otro, resulta incómodo no saber su causa exacta para prevenirlo en el futuro. Ayer, tras el certero cambio de código arriba mencionado, la cabecera se visualizaba bien (o sea, exactamente ajustada a la anchura del DIV contenedor).
 
   Sin embargo, lo que sí persiste -sobre todo con IE- es un efecto bastante desafortunado: el DIV carece de límite inferior. Por arriba y a ambos lados se aprecia nítidamente su contorno, más allá del cual se ve el color gris del body. En cambio, por abajo no hay aparentemente un cierre inferior, y se supone que debiera verse el final de su perímetro e inmediatamente debajo el gris del cuerpo de la página. Con IE la anomalía es más notable, pues incluso no llega a leerse la última línea del texto (huelga decir que las barras de desplazamiento vertical no solucionan el problema). Y de momento no da la sensación de ser un fallo tan pasajero como el de la cabecera...

  Un saludo.       

Desconectado Gepetto

  • Iniciado
  • *****
  • Mensajes: 1129
Re: Más incompatiblidades IE-Firefox
« Respuesta #4 en: 19 de Mayo de 2007, 01:11:33 pm »
Te dejo una captura de como lo veo yo en IE6:

http://img.villagephotos.com/p/2005-2/958566/ensayo_IE.gif

----------

El código es el mismo:

Citar
<html>
<head>
<title>Ensayo</title>
<style type="text/css">
body {background: gray}
DIV {background: white; width: 700px; position: relative; left: 320px; top: 130px;}
H1 {background: lime; font-size: 14pt; font-weight: bold; font-family: Arial; color: red; text-align: center}
H2 {font-size: 12pt; font-weight: bold; font-family: Courier; color: black; text-align: justify; text-indent: 1cm}
</style>
</head>
<body>
<DIV>
<p><H1>Esto es la cabecera</H1></p>
<p><H2>Y ahora viene el texto, algunas frasecillas sueltas de mero relleno para ocupar algo de espacio... Bueno, para esta prueba creo que ya vale.</H2></p>
</DIV>
</body>
</html>

Si alguien pudiera probarlo y decirnos como se le ve...

Desconectado Flugtelero

  • Member
  • ***
  • Mensajes: 168
Re: Más incompatiblidades IE-Firefox
« Respuesta #5 en: 19 de Mayo de 2007, 06:46:14 pm »
Yo también lo veo así, Gepetto. No sé a qué se debería ese fallo momentáneo de la cabecera (pequeño margen derecho respecto al DIV), pero se ha autocorregido de algún modo. Lo que me intriga ahora, como indicaba en mi post anterior, es que  aumentada la extensión del texto -no lo incluyo aquí para no aburrir al personal forero con una parrafada meramente probatoria que en nada altera el código-, al DIV le pasa lo mismo que, dicen, ocurre con los fantasmas :oh:: no se le ve la parte inferior, es decir, su límite final de abajo. Y este fallo parece persistente...

  Un saludo.

Desconectado Gepetto

  • Iniciado
  • *****
  • Mensajes: 1129
Re: Más incompatiblidades IE-Firefox
« Respuesta #6 en: 21 de Mayo de 2007, 07:17:45 am »
Ok. Ahora lo entiendo  :)

He cambiado un poco el código (modificaciones en negrita):
Citar
body {background: gray; margin-bottom: 50px}
DIV {background: white; width: 700px; margin-left: 320px; margin-top: 50px}

A ver que tal...

Desconectado Flugtelero

  • Member
  • ***
  • Mensajes: 168
Re: Más incompatiblidades IE-Firefox
« Respuesta #7 en: 22 de Mayo de 2007, 06:29:45 pm »
Parece que la cosa va por ahí, Gepetto. He obtenido un resultado bastante aceptable sólo con añadir 100px al body como margin-bottom. 

       Saludo y gracias :-)

Desconectado Gepetto

  • Iniciado
  • *****
  • Mensajes: 1129
Re: Más incompatiblidades IE-Firefox
« Respuesta #8 en: 23 de Mayo de 2007, 08:51:07 pm »
Me alegro de que te sirva  ;-)

 

Aviso Legal | Política de Privacidad | Política de Cookies

el contenido de la web se rige bajo licencia
Creative Commons License