agrandar div mayor o igual a 150 de height

pablolennin · #1 (**permalink**) 13/11/2009, 07:43

Hola Amigos, necesto que un div sea mayor o igual a 159 de height,
como puedo hacerlo?

willyfc · #2 (**permalink**) 13/11/2009, 08:20

así:

Código HTML:

<!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>Documento sin t&iacute;tulo</title>
<style type="text/css">
#eldiv{width:300px; border:1px solid #333; margin:0 auto; min-height:159px; height:auto!important; height:159px;}
</style>
</head>

<body>
<div id="eldiv">Este div tiene como m&iacute;nimo 159px de alto, si hubiera m&aacute;s contenido se estirar&aacute; </div>
</body>
</html>

pablolennin · #3 (**permalink**) 13/11/2009, 08:53

gracias willicf.

cristian_cena · #4 (**permalink**) 13/11/2009, 10:17

Hola pablo:

Agregar a la buena respuesta de willyfc que min/max height presentan problemas con IE 6.
http://blog.unijimpe.net/ie5-ie6-estandar-con-ie7js/
Una solución: hacer que IE se adapte a los estandares incorporando la libreria javascript IE7.
http://code.google.com/p/ie7-js/

Saludos!

willyfc · #5 (**permalink**) 13/11/2009, 10:26

efectivamente cristian_cena, IE6 tiene problemas, pero declarando de la manera que lo hice no haría falta ningún script, al menos no para este bug de IE6, por eso luego de declarar el min-height esta esto y en este orden:

Código:

height:auto!important; height:159px;

cristian_cena · #6 (**permalink**) 13/11/2009, 14:45

siempre se aprende algo nuevo willyfc, gracias por compartirlo.