Problema con DIV en IE6

sheerrmaan · #1 (**permalink**) 26/07/2010, 19:37

Hola, tengo un div muuuuuy simple cuyo codigo es el siguiente:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<style>
div.uno{
width: 150px;
min-width: 150px;
height: 1px;
min-height: 1px;
background: #cfdf44;
}
</style>
<div class="uno"></div>
</body>
</html>

Lo que se quiere lograr, como se puede ver es un div de 1px de largo por 150px de ancho, y en IE6 lamentablemente se obtiene esto:

AYUDA.

RenaticO · #2 (**permalink**) 26/07/2010, 19:59

Muerte a IE6

deirdre · #3 (**permalink**) 26/07/2010, 20:45

Hola sheerrmaan

Mientras ie6 esté ahí, hay que buscar soluciones (porque son muchos los usuarios que aún lo utilizan).

Tienes mal compuesto el doctype y el estilo no se escribe en el body (siempre debe ir en el head o en hoja externa).

Aquí tienes la solución para este problemilla:

Código HTML:

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

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">
.uno {
	width: 150px;
	min-width: 150px;
	height: 1px;
	min-height: 1px;
	background: #cfdf44;
	font-size: 1px;
}
</style>
</head>

<body>

<div class="uno"></div>

</body>
</html>

Saludos

RenaticO · #4 (**permalink**) 26/07/2010, 20:47

Ya está, alli lo tienes:

Código HTML:

</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<style>
div.uno{
width: 150px;
min-width: 150px;
height: 1px;
min-height: 1px;
background: #cfdf44;
}
</style>
<div class="uno"><spacer></spacer></div>
</body>
</html>

Lo que pasa que necesitas rellenar con algo, obviamente no conviene hacerlo con <p> asi que lo mejor es <spacer>
Si tienes alguna otra duda, grita

RenaticO · #5 (**permalink**) 26/07/2010, 20:50

Opino lo mismo que @deirdre , es más, yo diseño css que funcione en varios navegadores, incluyendo IE6, solo pensaba en voz alta, asi que si conocen a algún sicario, que me llame por favor.

sheerrmaan · #6 (**permalink**) 26/07/2010, 21:18

MUCHAS GRACIAS deirdre Y RenaticO!!
No sabía que el css no va en el body, pero bueno todos los dias se aprende algo nuevo.

Saludos amigos.

jomaruro · #7 (**permalink**) 27/07/2010, 14:10

Hola:

Cita:

Iniciado por sheerrmaan

No sabía que el css no va en el body, pero bueno todos los dias se aprende algo nuevo.

Pues eso es de lo más básico, deberías echarle un vistazo a estos enlaces:

Introducción a XHTML.
Introducción a CSS.

Saludos.