Есть макет страницы который сделан таблицей.Когда он пустой,т.е. без ссылок и контента он выглядит норм но как только вносится какие-то данные ячейки растягиваются по высоте.Когда они тянутся по ширине их можно пофиксить с помощью width,но по height они не уменшаются.
Как сделать что бы ячейка не тянулась вверх а оставалась таким же размером.Дайте сначала вариант без CSS если можно, а потом и с CSS.Вы увидите в одной из ячеек часть кода на php,это я вставляю переменную в ячейку которая растягивает ячейку.Вот код:
Как сделать что бы ячейка не тянулась вверх а оставалась таким же размером.Дайте сначала вариант без CSS если можно, а потом и с CSS.Вы увидите в одной из ячеек часть кода на php,это я вставляю переменную в ячейку которая растягивает ячейку.Вот код:
Код:
<body>
<table border = "0" width = "100%" cellpadding = "0" bgcolor = "">
<tr>
<td colspan = "2" width = "100%" height = "" bgcolor = "#336699" style = "border: ridge 2px, table-layout: fixed">
<table width = "100%" height = "" border = "1" cellpadding = "0">
<tr>
<td width = "20%" height = ""><?php echo '<p class = "login">welcome ' . $_SESSION['username'] . '</p>'; ?></td>
<td align = "right" height = "10px">1.2</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign = "top" bgcolor = "#6699cc">
<table width = "100%" border = "0" bgcolor = "#CCCCCC" >
<tr><td style = "border: ridge 2px">1</td></tr>
<tr><td style = "border: ridge 2px">2</td></tr>
<tr><td style = "border: ridge 2px">3</td></tr>
<tr><td style = "border: ridge 2px">4</td></tr>
<tr><td style = "border: ridge 2px">5</td></tr>
<tr><td style = "border: ridge 2px">6</td></tr>
<tr><td style = "border: ridge 2px">7</td></tr>
<tr><td style = "border: ridge 2px">8</td></tr>
<tr><td style = "border: ridge 2px">9</td></tr>
</table>
</td>
<td width = "85%" height = "550" valign = "top" bgcolor = "#CCCCCC" style = "border: ridge 2px"> 3 </td>
</tr>
<tr>
<td colspan = "2" width = "100%" height = "10" bgcolor = "#336699" style = "border: ridge 2px">
<!--стайл бордер это выпуклость ячейки-->
<table width = "100%" height = "10px" border = "0" >
<tr>
<td>4.1</td>
<td align = "right">4.2</td>
</tr>
</table>
</tr>
</table>
</body>