сейчас приведу часть своего кода... задача применить табличный стиль... трудность: крайний левый столбец(точнее одна ячейка) сделан для рамки(три элемента) Правый столбец- основное содержимое. Меняется по высоте в зависимости от количества информации(с эти вроде все в порядке) Цель- Сделать рамку (левую ячейку) по высоте как и правую. А она к сожалению у меня растягивается только на высоту шрифта (короче не растягивается) Что я сделал: решил рамку (табличку из трех строчек и одной колонки) внедрить не таблицей а сделать частью большой таблицы, а к правой части(основной применить роспан) В итоге: в дримвивере показывает почти нормально. Там только почему то правая вложенная(основная) табличка занимает не 3 ячейки а две.... щас скриншот..- почему образовалась пустота- мне не понятно. роспан сделан на два. Я сначала подумал что я тупой и поставил 3- в итоге бред....вернул на два но почему он сделан как на 1 -неясно.. это отображение в дримвивере. в браузере- вообще кошмар. браузеры почемуто сжали эту рамку по ширине до 1 пикселя.... Ошибок в коде вроде нету там я везде уже явно лишние параметры ширины и высоты насувал..но это от безысходности Message K:\Проект1\dhtvz4\Maket.html No errors or warnings found. <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Maket</title> <link href="../style.css" rel="stylesheet" type="text/css" /> </head> <body class="background"> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td class="left_top_corner" width="35px" height="35px"> <!--Левая боковая рамка--></td> <td width="100%" height="100%" rowspan="2"><!--Основная Большая Правая таблица -->{Таблица} </td> </tr> <tr> <td class="left_ramka" height="100%" width="35px"> </td> <td> </td> </tr> <tr> <td class="left_down_corner" width="35px" height="35px"> </td> <td> </td> </tr> </table> </body> </html> из style.css .left_down_corner { background-image: url(img/left_down_corner.png); height: 35px; width: 35px; background-repeat: no-repeat; } .left_top_corner { background-image: url(img/left_top_corner.png); background-repeat:no-repeat; height: 35px; width: 35px; } .left_ramka { background-image: url(img/left_ramka.png); background-repeat:repeat-y; width: 35px;
