Исправить высоту строки таблицы в HTML Table - PullRequest
Новая
       3

Исправить высоту строки таблицы в HTML Table

8 голосов
/ 27 февраля 2009

Пожалуйста, посмотрите на следующий код: 

<!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 игнорирует "height: 9px", и я не могу получить то, что хочу. Кроме того, без DOCTYPE это работает. Но я должен следовать стандарту, чтобы DOCTYPE не мог быть удален. Кто-нибудь как исправить высоту верхнего ряда?

Некоторые уточнения: 1. Высота второго ряда может варьироваться в зависимости от действий пользователя и не может быть исправлена. 2. Высота стола установлена ​​на 525 пикселей, поэтому минимальная высота стола составляет 525 пикселей

.

Ответы [ 3 ]

4 голосов
/ 27 февраля 2009

нижняя ячейка будет увеличиваться при вводе текста ... настройка ширины таблицы тоже поможет 

<!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>
1 голос
/ 01 июля 2011

мой css 

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

мой HTML 

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

Я уменьшаю второй размер шрифта.

padding-top используется для исправления размера в IE7.

1 голос
/ 27 февраля 2009

Это работает, если вы удалите атрибут высоты из таблицы. 

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...