Visualización erronea en IE6.

erponcios · #1 (**permalink**) 11/04/2008, 08:08

Hola Amigos,

Mirar tengo un problemilla con el siguiente código:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
<style> 
 
div#top { 
position: absolute; 
top: 0; 
width:100%; 
height:50%; 
background-color:#da251d; 
z-index:1; 
} 
 
div#bot 
{ 
position:absolute; 
bottom:0; 
width:100%; 
height:50%; 
background-image: url(Images/agua.gif);  
z-index:2; 
} 
 
</style> 
</head>

En ie7 y mozilla se me ve perfectamente.

Pero es que en ie6, no se me ve bien, se me queda los divs pegados arriba y abajo de la pantalla..

¿Alguien podría decirme que puedo hacer?

Muchas gracias.

J O S · #2 (**permalink**) 11/04/2008, 09:25

Y porque no simplemente le aplicas los estilos al body

Código:

body { background: #DA251D url(Images/agua.gif) no-repeat 0 -50%; }

Espero y te sirva! ^^

Saludos!

erponcios · #3 (**permalink**) 11/04/2008, 11:14

tal y como me dices no me funciona.

Mikmoro · #4 (**permalink**) 11/04/2008, 11:29

Pruébalo así a ver:

body { background: #DA251D url(Images/agua.gif) no-repeat 0 50%;height: 100%; }

Mikel.

erponcios · #5 (**permalink**) 11/04/2008, 11:31

Nada tampoco.

Ya le he puesto el color rojo al body.

No cabe la posibilidad de poner un div al 50% de la altura de la página alineado abajo? es lo único que quiero, nada más :(

Es que asi:

div#bot
{
position: absolute;
bottom:0;
width:100%;
height:50%;
background-image: url(Images/agua.gif);
z-index:1;
}

Me funciona correctamente en ie7 y mozilla, pero en ie6 sale una franja solamente.

Me he dado cuenta y el problema viene en que el ie6, se pasa por el .... el height, ponga lo que ponga sale una franja, mientras que el ie7 y el mozilla si que lo detectan bien.

Un saludo.

Mikmoro · #6 (**permalink**) 11/04/2008, 11:47

Bueno, pues no sé cómo lo estás haciendo, pero esto me funciona perfectamente como tú quieres en IE6.

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="es-es">
<head>
<title></title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<style type="text/css">
div#bot
{
position: absolute;
bottom:0;
width:100%;
height:50%;
background-image: url(Images/agua.gif);
z-index:1;
}
</style>
</head>
<body>
<div id="bot"></div>
</body>
</html>

Mikel.

erponcios · #7 (**permalink**) 11/04/2008, 11:55

Es problema del doctype.

Si pongo el tuyo me va, pero se me descuadra toda el contenido del div central.

Yo tengo puesto:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">