Hola tunait, 3pies y ludovico2000
Cita:
Iniciado por tunait Pues vaya acción de cabra macho (cabronada, vamos) del explorer
... por que sólo pasa en explorer. Si lo miras con mo(r)zilla lo hace correcto.
He probado a manejarlo puramente con css pero el resultado en explorer es idéntico. Si se me ocurre algo te lo digo
Pues si, tambien estube probando y encontré el mismo lío
Mal en IE, bien en Firefox. Lo que no entiendo es por qué pasa esto
Ahora, ¿qué hice?
Construí una tabla parecida a la de 3pies pero sin asignarle medidas de atributo height.
Creé una CSS externa enlazada al documento que contiene la tabla.
Código:
.Div60px {
height: 60px;
background-color: Black;
color: White;
}
.AlignTop {
vertical-align: top;
}
.AlignBottom {
vertical-align: bottom;
}
Dentro de la tabla, coloqué un par de <div></div> en cada celda donde se requiere el tamaño de 60 px de alto.
Acada Div le asigné la clase Div60px y a las celdas la clase AlignTop y AlignBottom para ubicar el contenido (los <div></div>) al margen superior e inferior respectivamente.
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" rowspan="3">bla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
blabla<br>
bla</td>
<td width="50%" class="AlignTop"><div class="Div60px">Div60px</div></td>
</tr>
<tr>
<td>bla<br>
bla</td>
</tr>
<tr>
<td class="AlignBottom"><div class="Div60px">Div60px</div></td>
</tr>
</table>
</body>
</html> En apariencia, con esto se ve bien tanto en IE como en Firefox.
Sin embargo, el problema y lo que de hecho me pregunto es, ¿3pies, qué quieres colocar en las celdas de 60px?, debería ser algo que no exceda esa medida, o de lo contrario el contenido se va a desbordar o descuadrar.