IE и FF делают мой стол «неожиданно»

я боролся с Table-Layout и теперь я пытался реализовать уроки в моем приложении - и что, мол, «простой рендеринг упражнение» до сих пор губит мой день: ((IE и FF делают мой стол «неожиданно»

Снимок экрана screenshot иллюстрирует проблему немного: две строки имеют фиксированную высоту 20 пикселей, но по мере того, как пятый столбец слишком взят, IE разбивает нечеткое «заполнение» одинаково на все строки, тогда как FF уважает присваивание высоты строки и только (в моем реальном случае также FF неправильно отображает и увеличивает ряды с фиксированной высотой).

Так что, интересно, существует ли, возможно, безопасный (кросс-браузерный) золь устранить это?

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
      "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
</head> 
<body> 
    <table border="1" cellspacing="2" cellpadding="2"> 
    <tbody> 
     <tr style="height:20px;"><td style="height:20px;">1a</td><td>1/2</td><td>1/3</td><td>1/4</td> 
     <td rowspan="4" style="height: 300px;">the <span style="background-color: yellow">supacell</span> just contains a lot of text and other info, variable height etc.</td></tr> 
     <tr><td height="20">bla2</td><td><input type="text" /></td><td>2/3</td><td>2/4</td></tr> 
     <tr><td height="20">bla3</td><td>3/2</td><td>3/3</td><td><textarea cols="20" rows="4">bla</textarea></td></tr> 
     <tr><td colspan="4">no height</td></tr> 
     </tbody> 
    </table> 
</body> 
</html>

источник

2013-11-22 MBaas

Попробуйте установить line-height свойство вместо /, а также свойство высоты, дополнительные обивка/поля вы видите, это в результате расчетов линии высоты, определив его вам «У меня будет возможность исправить ошибку и сохранить ее в постоянном режиме между браузерами.

источник

2013-11-22 09:30:42 SW4

Да, это намного лучше, спасибо! IE все еще добавляет несколько пикселей, ему, вероятно, нужен css-reset (что у моего приложения есть). Теперь применим это к моему приложению и посмотрим, как он туда поедет ;-) – MBaas

@MBaas Ahhh чудесный мир IE :) Удачи! – SW4

IE и FF делают мой стол «неожиданно»

ответ

Смежные вопросы