dopgroup

Интересное ешение, но косяк в том, что при таком решнии сверху и сеизу будет пустое пространство в 255px, высота верхней и нижней сачтей белой линии

Здравствуйте, рамки убрал. в мозилле он все хорошо растягивает, это проблемма только оперы и ие. http://hostcms.dopgroup.ru/ - это случас с таблицами описанными без всяких правил http://hostcms.dopgroup.ru/shop/ - все ворматироване спрятал в классы http://hostcms.dopgroup.ru/articles/ - пробовал отказаться от таблиц и сделал все на div .cont_block { display: table; border-collapse: collapse; border-width: 1px; border-color: #fff; border-style: solid; height: 100%; } .lmenu { display: table-cell; width: 430px; text-align: left; vertical-align: top; } .wline { display: table-cell; width: 20px; height: 100%; top: 0 px; vertical-align: top; } .wtop { display:table-row; min-width: 20px; width: 20px; min-height: 255px; height: 255px; background: url('/images/templ/top_line.png') no-repeat top center; vertical-align: top; } .wcenter { display:table-row; min-width: 20px; width: 20px; min-height: 100px; height: 100px; background: url('/images/templ/center_line.png') repeat-y top center; vertical-align: top; } .wbottom { display:table-row; min-width: 20%; width: 20px; min-height: 255px; height: 255px; background: url('/images/templ/bottom_line.png') no-repeat bottom center; vertical-align: bottom; } .scont { display: table-cell; vertical-align: top; } Во в тором случае все на div , практически все. А в третьем случае полностью отказался от таблиц и перевел на div в разделе полезные статьи. На самом деле перепробовал уже все...... Во в тором случае все на div , практически все. А в третьем случае полностью отказался от таблиц и перевел на div в разделе полезные статьи. На самом деле перепробовал уже все......

я так понял, единственное решение моей проблемы - отказаться от этих полосок. да?

Не помогло . Хотя чем больше строк с пробелами, тем длинее полоски

Благодарен, что застремали Прочитал про доктайп Таже переписал все в стили, для нагладности моей проблемы. На самом деле с переливанием из пустого в более пустое ничего не вышло. результат на странице http://hostcms.dopgroup.ru/shop/ css код полученных стилей: table { padding:0; margin:0; border-collapse:collapse; } td, th, tr { padding:0; margin:0; border-width: 1px; border-color: #fff; border-style: solid; } .main_table { width: 100%; height: 100%; border-width: 1px; border-color: #fff; border-style: solid; } .main_tr { text-align: center; } .menu { width: 430px; text-align: left; vertical-align: top; } .cont { height: 800; vertical-align: top; } .topline { width: 20px; height: 255px; background: url('/images/templ/top_line.png') no-repeat top center; } .centerline { min-width: 20px; background: url('/images/templ/center_line.png') repeat-y top center; } .bottomline { width: 20px; height: 255px; background: url('/images/templ/bottom_line.png') no-repeat bottom center; } .stroka { height: 255px; width: 100%; } Проблема прежняя. Как растянуть сентральную линию, да и ще во всех браузерах???

Простите, Светлана. Таблицы, лишь один из способов верстки страницы. Можно все на div сделать, но проблема динамического изменения ширины линии не исчезает ни в каком варианте. Я привел два вида кода. А полосы - не моя прихоть, а заказчика, моя бы воля, не делал бы. Но это нужно сделать и как то победить, я не смог найти решения этой проблемы.......

Ну как? Есть какие варианты разобраться с этим?

а можно мне как ламеру пояснить фразу? Да я делал все в виде классов css, просто на форум вынес в виде стилей, чтобы можно было по коду картинку всю сразу видеть. Проблема в том, что на паре форумов наткнулся на утверждения, будто бы опера плевать ходила на параметр height в процентах. Мне странно, почему такой стандартный тег как table до сих пор не могут правильно отображать все браузеры, но это ладно.... Так реально решить мою задачку???? Я не понимаю разницы представления в стилях и классах (наверное потому что не увидел ее, решая эту задачу и далеко немногие други) и в стили не запихнуть cellspacing cellpadding rowspan

смотрите страницу www.hostcms.dopgroup.ru на главной странице таблица с границами, в разделе "статьи без границ" смотрите сайт http://hostcms.dopgroup.ru/ главная страница с таблицами, раздел "статьи без таблиц"

Всем доброго времени суток. У меня проблемма следующего рода Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей: левый блок - меню правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая. Что я делаю вариант 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head></head> <body bgcolor="#000000"> <table width="100%" height="1" border="1" cellspacing="0" cellpadding="0" > <tr align="center" height="100%"> <td width="430" rowspan="3" align="right" valign="top"> Располагается левое меню </td> <td width="20" height="255" style="background: url('img/top_line.png') no-repeat top center;"/> <td align="center" height="800" rowspan="3" valign="top"> Располагаеся контент сайта </td> <td width="20" height="255" style="background: url('img/top_line.png') no-repeat top center;"/> </tr> <tr> <td width="20" style="background: url('img/center_line.png') repeat-y top center;"/> <td width="20" style="background: url('img/center_line.png') repeat-y top center;"/> </tr> <tr> <td width="20" height="255" style="background: url('img/bottom_line.png') no-repeat bottom center;"/> <td width="20" height="255" style="background: url('img/bottom_line.png') no-repeat bottom center;"/> </tr> </table> </body> </html> вариант 2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head></head> <body bgcolor="#000000"> <table width="100%" height="1" border="1" cellspacing="0" cellpadding="0" > <tr align="center" height="100%"> <td width="430" align="right" valign="top"> Располагается левое меню </td> <td align="center" height="800" valign="top"> <div style="position: absolute; float: left; left: 450px; min-width: 20px; min-height: 100%;"> <div style="position: relative; min-width: 20px; top: 0px; min-height: 255px; background: url('/img/top_line.png') no-repeat top center;"></div> <div style="position: relative; min-width: 20px; min-height: 100%; background: url('/img/center_line.png') repeat-y top center;"></div> <div style="position: relative; min-width: 20px; bottom: 100%; min-height: 255px; background: url('/img/bottom_line.png') no-repeat bottom center;"></div> </div> <div class="napoln" style="margin: 0 auto;"> Располагается код расположения контента </div> <div style="position: absolute; float: right; right: 20px; min-width: 20px; min-height: 100%;"> <div style="position: relative; min-width: 20px; top: 0px; min-height: 255px; background: url('/img/top_line.png') no-repeat top center;"></div> <div style="position: relative; min-width: 20px; min-height: 100%; background: url('/img/center_line.png') repeat-y top center;"></div> <div style="position: relative; min-width: 20px; bottom: 100%; min-height: 255px; background: url('/img/bottom_line.png') no-repeat bottom center;"></div> </div> </td> </tr> </table> </body> </html> В обоих случаях полоски обрамляющие контент не заполняются по центры. если top_line и botton_line не нужно повторять, то center_line не хочет повторяться ни в одном браузере, и работает только в мозиле с включенными границами. Как сделать так чтобы все браузеры отображали корректно две полных линии по бокам от контента??? Может у меня где ошибка или есть какой другой вариант??? С праздником Программиста