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">