Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей:
левый блок - меню
правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая.
Что я делаю
вариант 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>
В обоих случаях полоски обрамляющие контент не заполняются по центры. если top_line и botton_line не нужно повторять, то center_line не хочет повторяться ни в одном браузере, и работает только в мозиле с включенными границами.
Как сделать так чтобы все браузеры отображали корректно две полных линии по бокам от контента???
Может у меня где ошибка или есть какой другой вариант???
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
dopgroup
Всем доброго времени суток.
У меня проблемма следующего рода
Необходимо сверстать страницу таким образом, чтобы она состояла из сладующих полей:
левый блок - меню
правый блок - контент. контент обрамлен белой полосой, которая удлиняется в зивсимости от высоты блока контента. Проблема в том, что полоса в верхней и нижней части затухающая.
Что я делаю
вариант 1.
вариант 2.
В обоих случаях полоски обрамляющие контент не заполняются по центры. если top_line и botton_line не нужно повторять, то center_line не хочет повторяться ни в одном браузере, и работает только в мозиле с включенными границами.
Как сделать так чтобы все браузеры отображали корректно две полных линии по бокам от контента???
Может у меня где ошибка или есть какой другой вариант???
С праздником Программиста
Link to comment
Share on other sites
23 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.