Color de fondo y cursiva pone en marcha Internet Explorer 7 insecto

StackOverflow https://stackoverflow.com/questions/1186571

Pregunta

El código siguiente muestra el problema que estoy encontrando: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<style>

p
{
    background-color:#FFF;
}


</style>
</head>
<body>

  <img src="http://www.google.com/intl/en_ALL/images/logo.gif" style='float:left;'>
  <p><em>This is an italic sentence.</em></p>
  <p><strong>This is a bold sentence.</strong></p>
  <p>This is a normal sentence.</p>

</body>
</html>

Cuando este código se ve en Internet Explorer 7, el logotipo de Google se mostrará a la izquierda con 'barras horizontales blancas' que lo atraviesa alineados con cada párrafo, aparece a la derecha.

La eliminación de la primera línea con las etiquetas hace que las líneas desaparezcan. Inténtalo tú mismo. Retire cada una de las tres líneas y ver cómo cambia de errores.

Lo que en el mundo está pasando con esto?

-

Resolución: hasLayout tema. La adición de zoom:. 1 atributo para em corrige el problema

¿Fue útil?

Solución

No está seguro de por qué está sucediendo, pero hay muchas maneras de asegurarse de que no lo hace, incluyendo la adición de la pantalla:. Inline-block a la em

Otros consejos

Esto está sucediendo debido a la imagen flotaba.

Cuando una imagen se hizo flotar técnicamente no tiene un diseño propio. Las barras blancas son las etiquetas

, ya que en CSS que les dio un fondo de #FFF.

Para Internet Explorer 7 es piensa las etiquetas

en realidad están empezando en el inicio de la página en el extremo izquierdo, por lo que ellos comienza allí, sino simplemente choca el contenido más allá de la imagen flotaba, dejando barras blancas divertidas overtop del flotado imagen.

Me gustaría tratar de conseguir alrededor de él, dando a sus etiquetas

margen izquierdo. Si usted hace lo suficiente margen izquierda para llegar más allá de la imagen que no se debe conseguir esos bares más.

Así que trata de algo así como ... 

p{ background-color: #fff; margin-left: 300px; }

Se puede ajustar el margen izquierdo, pero algo en ese sentido debe deshacerse de las barras blancas para usted.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top