20/01/2009, 13:59
|
| | | Fecha de Ingreso: mayo-2007
Mensajes: 5
Antigüedad: 17 años, 6 meses Puntos: 1 | |
| Respuesta: Problemas con el height de las filas en IE7
Cita:
Iniciado por Mikmoro  Y ya, como soy muy concienzudo, me he dado un repaso al hilo, y encuentro algunas contradicciones:
Quizá lo puedas hacer en 5 minutos con tablas, pero con un doctype para que tu documento sea válido no funciona, ¿no?. Pues entonces no sirve de mucho hacer algo en 5 min. que no funciona. ¿No era justamente esa la cuestión del hilo?
Pues si quieres hacer eso con tablas creo que lo tienes realmente difícil (sin hablar de lo del doctype).
Bueno, creo que esto ya está contestado: con tablas no se puede hacer un documento válido que haga eso (o no en menos tiempo), mientras que con cajas sí, sin problema, compatible con los navegadores más usados, y el tiempo de comprobación creo que sería el mismo para una cosa que para otra, porque ¿no dejarás sin comprobar por ser con tablas? porque eso produce luego los disgustos 
Si has revivido este hilo imagino que es porque lo necesitas y no has encontrado solución, y en el enlace que te he puesto tienes al menos la orientación de por dónde empezar.
Saludos. Realice este codigo, por lo menos se parece a lo que estan buscando..!!! Código HTML: <!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;
background:blue;
overflow:auto;
}
#padre { height: 100%!important;
height: 100%;
}
#uno {
background-color: red;
line-height: 3.2em;
height: 3.2em;
float:left;
display:block;
width:100%;
}
#padre > #centrado_v {
text-align: center;
background-color: blue;
float:left;
display:block;
width:100%;
}
</style>
</head>
<body>
<div id="padre">
<div id="uno"><a href="#">Esta fila tendrá siempre 50px de
alto</a></div>
<div style="clear:both"></div>
<div id="centrado_v">
Esta fila<br />
Esta fila<br />
<div style="clear:both"></div>
</div>
</div>
</body>
</html>
Saludos. |