Foros del Web - Ver Mensaje Individual - Problemas con el height de las filas en IE7

Mikmoro · 27-mar-2008, 12:39

Pero no sé si has visto que esa caja tiene un borde, para que veas que efectivamente ocupa todo el resto de la página.

Míralo así:

Cita:

<!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" lang="es-es">
<head>
<title>Plantilla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* { margin: 0px;
padding: 0px;
}
html, body { height: 100%;
width: 100%;
}
#padre { border-color: rgb(255, 0, 0);
border-width: 2px;
height: auto ! important;
position: relative;
background-color: rgb(51, 153, 153);
min-height: 100%;
}
#uno { border-color: rgb(51, 255, 51);
border-width: 2px;
height: 50px;
background-color: rgb(102, 204, 204);
}
</style>
</head>
<body>
<div id="padre">
<div id="uno">Esta fila tendrá siempre 50px de
alto</div>
Esta fila ocupará el resto de alto<br />
</div>
</body>
</html>

Mikel.

27-mar-2008, 12:39	#16 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 2.900	Re: Problemas con el height de las filas en IE7 Pero no sé si has visto que esa caja tiene un borde, para que veas que efectivamente ocupa todo el resto de la página. Míralo así: Cita: <!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" lang="es-es"> <head> <title>Plantilla</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> * { margin: 0px; padding: 0px; } html, body { height: 100%; width: 100%; } #padre { border-color: rgb(255, 0, 0); border-width: 2px; height: auto ! important; position: relative; background-color: rgb(51, 153, 153); min-height: 100%; } #uno { border-color: rgb(51, 255, 51); border-width: 2px; height: 50px; background-color: rgb(102, 204, 204); } </style> </head> <body> <div id="padre"> <div id="uno">Esta fila tendrá siempre 50px de alto</div> Esta fila ocupará el resto de alto<br /> </div> </body> </html> Mikel.