Ver Mensaje Individual
  #21 (permalink)  
Antiguo 27/03/2008, 16:56
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 18 años, 1 mes
Puntos: 280
Re: Problemas con el height de las filas en IE7

Bien, para FF y IE7 creo que está (si es que por fin he entendido bien). He copiado el diseño de tu código (ya dirás las pegas). Cualquier resolución, cualquier tamaño. Hasta puedes aumentar o reducir el tamaño de letra (Ctrl+):

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>Simulacion tabla</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%;
text-align: center;
}
#padre {
height: 100%;
position: relative;
}
#uno { border-style: solid solid none;
border-color: rgb(204, 204, 204);
border-width: 1px;
background-color: red;
line-height: 3.2em;
height: 3.2em;
}
#centrado_v { border: 1px solid rgb(204, 204, 204);
text-align: center;
position: absolute;
top: 3.2em;
background-color: blue;
left: 0px;
right: 0px;
bottom: 0px;
}
span { position: relative;
top: 45%;
}
</style>
</head>
<body>
<div id="padre">
<div id="uno">Esta fila tendr&aacute; siempre 50px de
alto</div>
<div id="centrado_v"><span>Esta fila
ocupar&aacute; el resto de alto</span></div>
</div>
</body>
</html>
Ahora vamos a ver qué se puede hacer con el estúpido Explorer 6. No es culpa mia, ni de css, ni de xhmtl; es del estúpido navegador que tantos problemas causa en el diseño web.

Mikel.