altura Fix de una fila de tabla en la tabla HTML

favor mira el siguiente código:altura Fix de una fila de tabla en la tabla 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> 
</head> 
<body> 
<table id="content" height="525" border="0" cellspacing="0" cellpadding="0"> 
<tr style="height:9px"><td height="9" bgcolor="#990000">Upper</td></tr> 
<tr><td bgcolor="#990099">Lower</td></tr> 
</table> 
</body> 
</html>

IE ignora la "altura: 9px" y no puedo conseguir lo que quiero. Además, sin el DOCTYPE, funciona. Pero tengo que seguir el estándar para que DOCTYPE no se pueda eliminar. ¿Alguien sabe cómo arreglar la altura de la fila superior?

Algunas aclaraciones: 1. La altura de la segunda fila puede variar según la acción de los usuarios y no se puede arreglar. 2. La altura de la mesa está puesta a 525px por lo que la tabla tiene una altura mínima de 525px

Fuente

2009-02-27 Billy

prueba ahora, pega datos buncha en la segunda fila ... ancho del conjunto: 20px; para ver el efecto rápido –

preguntándome si la fila superior es realmente un encabezado, usar explícitamente thead y tbody con alturas puede ser más fácil – annakata

la celda inferior crecerá a medida que la longitud del texto ... ajustar el ancho de la tabla le ayudará demasiado

<!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> 
</head> 
<body> 
<table id="content" style="min-height:525px; height:525px; width:100%; border:0px; margin:0; padding:0; border-collapse:collapse;"> 
<tr><td style="height:10px; background-color:#900;">Upper</td></tr> 
<tr><td style="min-height:515px; height:515px; background-color:#909;">lower<br/> 
</td></tr> 
</table> 
</body> 
</html>

Fuente

2009-02-27 07:34:30

No funciona. – Billy

intente de nuevo ... copie/pegue –

y pegue todas las otras propiedades de "vista" en su atributo de estilo, mejor aún - archivo css externo :) –

Esto funciona, siempre que elimine el atributo de altura de la tabla.

<table id="content" border="0px" cellspacing="0px" cellpadding="0px"> 
    <tr><td height='9px' bgcolor="#990000">Upper</td></tr> 
    <tr><td height='100px' bgcolor="#990099">Lower</td></tr> 
</table>

Fuente

2009-02-27 08:07:43

mi css

TR.gray-t {background:#949494;} 
h3{ 
    padding-top:3px; 
    font:bold 12px/2px Arial; 
}

mi html

<TR class='gray-t'> 
<TD colspan='3'><h3>KAJANG</h3>

I Disminuir el segundo tamaño de fuente.

padding-top se utiliza para corregir el tamaño en IE7.

Fuente

2011-07-01 09:26:47 shery

altura Fix de una fila de tabla en la tabla HTML

Respuesta

Cuestiones relacionadas