Jump to content

dopgroup

Newbie
  • Posts

    10
  • Joined

  • Last visited

Everything posted by dopgroup

  1. Интересное ешение, но косяк в том, что при таком решнии сверху и сеизу будет пустое пространство в 255px, высота верхней и нижней сачтей белой линии
  2. Здравствуйте, рамки убрал. в мозилле он все хорошо растягивает, это проблемма только оперы и ие. 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 в разделе полезные статьи. На самом деле перепробовал уже все......
  3. я так понял, единственное решение моей проблемы - отказаться от этих полосок. да?
  4. Не помогло . Хотя чем больше строк с пробелами, тем длинее полоски
  5. Благодарен, что застремали Прочитал про доктайп Таже переписал все в стили, для нагладности моей проблемы. На самом деле с переливанием из пустого в более пустое ничего не вышло. результат на странице 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%; } Проблема прежняя. Как растянуть сентральную линию, да и ще во всех браузерах???
  6. Простите, Светлана. Таблицы, лишь один из способов верстки страницы. Можно все на div сделать, но проблема динамического изменения ширины линии не исчезает ни в каком варианте. Я привел два вида кода. А полосы - не моя прихоть, а заказчика, моя бы воля, не делал бы. Но это нужно сделать и как то победить, я не смог найти решения этой проблемы.......
  7. а можно мне как ламеру пояснить фразу? Да я делал все в виде классов css, просто на форум вынес в виде стилей, чтобы можно было по коду картинку всю сразу видеть. Проблема в том, что на паре форумов наткнулся на утверждения, будто бы опера плевать ходила на параметр height в процентах. Мне странно, почему такой стандартный тег как table до сих пор не могут правильно отображать все браузеры, но это ладно.... Так реально решить мою задачку???? Я не понимаю разницы представления в стилях и классах (наверное потому что не увидел ее, решая эту задачу и далеко немногие други) и в стили не запихнуть cellspacing cellpadding rowspan
  8. смотрите страницу www.hostcms.dopgroup.ru на главной странице таблица с границами, в разделе "статьи без границ" смотрите сайт http://hostcms.dopgroup.ru/ главная страница с таблицами, раздел "статьи без таблиц"
  9. Всем доброго времени суток. У меня проблемма следующего рода Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей: левый блок - меню правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая. Что я делаю вариант 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 не хочет повторяться ни в одном браузере, и работает только в мозиле с включенными границами. Как сделать так чтобы все браузеры отображали корректно две полных линии по бокам от контента??? Может у меня где ошибка или есть какой другой вариант??? С праздником Программиста
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy