veter48
09-08-2012, 12:59
Здравствуйте, есть простая таблица:
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<table border="1" style="width: 100%;">
<tr style="height:160px; ">
<td colspan="2">aaa</td>
</tr>
<tr style="height:260px; ">
<td style="background-color:#F0F0F0; width: 250px; vertical-align:text-top;" >
bbb
</td>
<td style="width: auto;" > ccc </td>
</tr>
<tr >
<td colspan="2" style="height:60px; "> vvv</td>
</tr>
<tr >
<td colspan="2" style="height:100px; "> </td>
</tr>
<tr >
<td colspan="2">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td>
</tr>
</table>
</body>
</html>
Можете подсказать, почему на Internet Explorer ниже 9 версии ширена этих ячеек:
<td style="background-color:#F0F0F0; width: 250px; vertical-align:text-top;" >
bbb
</td>
<td style="width: auto;" > ccc </td>
отображается, как попало?
Спасибо.
<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>
<body>
<table border="1" style="width: 100%;">
<tr style="height:160px; ">
<td colspan="2">aaa</td>
</tr>
<tr style="height:260px; ">
<td style="background-color:#F0F0F0; width: 250px; vertical-align:text-top;" >
bbb
</td>
<td style="width: auto;" > ccc </td>
</tr>
<tr >
<td colspan="2" style="height:60px; "> vvv</td>
</tr>
<tr >
<td colspan="2" style="height:100px; "> </td>
</tr>
<tr >
<td colspan="2">zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz</td>
</tr>
</table>
</body>
</html>
Можете подсказать, почему на Internet Explorer ниже 9 версии ширена этих ячеек:
<td style="background-color:#F0F0F0; width: 250px; vertical-align:text-top;" >
bbb
</td>
<td style="width: auto;" > ccc </td>
отображается, как попало?
Спасибо.