Mi Div desaparece detrás de una Div en IE7

Div, o división, las capas son elementos versátiles que se utilizan en casi todos los sitios web. Debido a que puede manipularlos de varias maneras, incluyendo la superposición de ellos con márgenes negativos o posicionamiento absoluto o relativo, puede crear diseños interesantes. Sin embargo, la superposición puede bloquear elementos de otros divs que aparecen detrás de la capa. Esto puede ser especialmente cierto si se ha actualizado desde Internet Explorer 6 a IE7.

Comportamiento div

Div capas son contenedores rectangulares que pueden contener cualquier tipo de datos o contenido. Puede utilizar tantos divs como desee en una página web y aplicar estilos en una base div-por-div. Debido a esto, usted puede optar por incluir secciones de su sitio web, tales como barras laterales o pies de página, en divs o usar divs para organizar su diseño. Varias Div pueden ocupar el mismo espacio, en función de sus métodos. Por ejemplo, puede crear divs superpuestos si utiliza el posicionamiento absoluto o relativo de uno o más divs. Si un div aparece en frente de otro div, puede bloquear el contenido que contiene la capa original con su propio.

Internet Explorer y CSS

Si usted está experimentando un comportamiento diferente div en Internet Explorer 7 que no sea Internet Explorer 6, puede ser el resultado de Microsoft cambiando la forma en que el navegador maneja el modelo de caja CSS. IE6 y versiones anteriores del navegador manejado incorrectamente anchos, márgenes y el relleno con los elementos HTML, como divs. Internet Explorer debe mostrar su divs de la manera correcta. El modelo de caja incorrecta incluido el ancho de las fronteras y el relleno de la anchura del elemento. Sin embargo, la anchura especificada debe ser la anchura de la base, sin que los estilos adicionales. El CSS que utilizó con Internet Explorer 6 rendirá divs y elementos más amplios, que puede causar la superposición, en Internet Explorer 7.

Solution Box Modelo

Cuando se trabaja con divs que se comportan de manera diferente en IE7 que IE6, se debe tener en cuenta el espacio utilizado por los bordes y el relleno. Por ejemplo, una amplia div 500 píxeles habría aparecido 500-píxeles de ancho en IE6 independientemente del acolchado pero ahora aparecerá más amplio con el relleno en IE7. Debe reducir la anchura del div, en su CSS, por el ancho de cualquier relleno o fronteras. Si usted tiene un borde de 1 píxel tanto en la derecha y la izquierda, así como el relleno simétrica de 5 píxeles, debe cambiar el ancho de la div a 488 píxeles - para dar cabida a las fronteras y el relleno en ambos lados - por lo se mostrará la misma en Internet Explorer 7. Esto producirá el div más pequeña que usted desea y puede reducir la superposición entre las capas div en IE7.

Z-index

Si tiene dos divs que usted desee solapar pero encuentra que uno está cubriendo por completo la otra, puede utilizar la propiedad z-index para mover uno de los divs al primer plano para que pueda ver el contenido. El índice z mueve los elementos en su página cerca de usted, en el geométrica Z-acceso. De forma predeterminada, elementos de página web tienen un índice z de "0" y todos aparecen en el mismo nivel. Si desea forzar un div a aparecer en la parte superior de otro en Internet Explorer 7, que iba a cambiar su valor z-index a un número mayor que "0" o modificar los valores de los dos divs para que aparezcan "más cerca" de ti que el resto de los contenidos. Un div con el siguiente CSS aparecerá delante de cualquier otro contenido de la página, para que pueda verlo. Usted puede considerar este método para mostrar texto en un div delante de una imagen en otro div, por ejemplo.
<Div style = "z-index: 1;"> Contenido Aquí </ div>