[Solucionado] - Altura 100% en div contenedor - CSS

Crear páginas para Gecko, diferencias con IE, articulos de interés y recursos en español
guilledg
Recién llegado
Recién llegado
Mensajes: 1
Registrado: Mié Abr 09, 2008 3:45 pm
Ubicación: avellaneda
Contactar:

[Solucionado] - Altura 100% en div contenedor - CSS

Mensajepor guilledg » Mié Abr 09, 2008 3:54 pm

Hola, tengo problemas con mi div contenedor, pretendo que ocupe el 100% de altura en el navegador, no se como realizarlo para firefox, en ie se ve, les dejo el html y el css, si alguien sabe donde esta el error? desde ya gracias

html

Código: Seleccionar todo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>arg::::::::::::::::::::::::</title>
<link href="styles/style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div id="contenedor">

   <div id="interior">
   Don't set the height of a div to 100% unless it's container element has a specific height set. 100% of auto = auto. If Microsoft value CSS compliance then IE7 will likely fix the bug in IE6 that makes it respond to height=100% because it is wrong according to the CSS specification. So don't waste any more time thinking about "how can I get this trick to work in other browsers?".
   Don't set the height of a div to 100% unless it's container element has a specific height set. 100% of auto = auto. If Microsoft value CSS compliance then IE7 will likely fix the bug in IE6 that makes it respond to height=100% because it is wrong according to the CSS specification. So don't waste any more time thinking about "how can I get this trick to work in other browsers?".
   Don't set the height of a div to 100% unless it's container element has a specific height set. 100% of auto = auto. If Microsoft value CSS compliance then IE7 will likely fix the bug in IE6 that makes it respond to height=100% because it is wrong according to the CSS specification. So don't waste any more time thinking about "how can I get this trick to work in other browsers?".
   Don't set the height of a div to 100% unless it's container element has a specific height set. 100% of auto = auto. If Microsoft value CSS compliance then IE7 will likely fix the bug in IE6 that makes it respond to height=100% because it is wrong according to the CSS specification. So don't waste any more time thinking about "how can I get this trick to work in other browsers?".
   </div>

</div>

</body>
</html>



CSS

Código: Seleccionar todo

body {
   margin: 0px;
   text-align: center;
}

#contenedor {
   width: 700px;
   background-color: #CCCCCC;
   margin-left: auto;
   margin-right: auto;
   height: 100%;
}

#interior {
   width: 500px;
   height: 300px;
   margin-left: 100px;
   float: left;
}

e2if
Recién llegado
Recién llegado
Mensajes: 2
Registrado: Lun Abr 21, 2008 9:13 pm

Re: Altura 100% en div contenedor - CSS

Mensajepor e2if » Lun Abr 21, 2008 9:19 pm

Tan solo debes especificar un 100% en el html y en el body, ya que estos contienen al div y si estos no son del alto requerido, el div contenedor no podra alcanzar la altura deseada.

Esto es lo que tienes que agregar:

CSS

Código: Seleccionar todo

html {
   height:100%;
}
body {
   height:100%;
  ...
}

Luciano

Re: Altura 100% en div contenedor - CSS

Mensajepor Luciano » Mié Ago 20, 2008 8:59 pm

¡¡¡GRACIAS!!!

Me estaba volviendo loco, ya que no entendía porqué mi DIV no daba el 100%. Ya está solucionado. Gracias de Nuevo. ¡Saludos!


Volver a “Desarrollo web (HTML/CSS/JS, accesibilidad...)”

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado