- Автор темы
- #1
Сообщение Вопрос в трех колонной верстке
Добрый день господа! У меня трех колонный шаблон в Div вкладываю еще три дива и делю его на 15 % 70% и 15%. К диву в который вкладываю применяю две полоски по бокам, но почему применяются только к 70 % а поля по 15 % находятся более заполнены чем поле в 70 %, но на 15 % поле уже почему то боковые поля не применяются дива в который они вложены. если что то не понятно то сам сайт находиться по адресу auto-63.ru
кусок кода который написан для этого поля:
<div id="body1">
<div id="menu2"><jdoc:include type="modules" name="menu2" style="-1"/></div>
<div id="content"><jdoc:include type="component" /></div>
<div id="menu3"><jdoc:include type="modules" name="menu3" style="-1"/></div>
</div>
Как мне казалось что полоски должны были примениться с боков ко всем полям.
Но если убрать код написанный мною стилей то они просто располагаются один по другим и боковые поля есть! вот css которое я применил для этих полей:
#content {
width: 70%; }
#menu2 {
width: 12%;
float: left; }
#menu3 {
width: 12%;
float: right; }
Добрый день господа! У меня трех колонный шаблон в Div вкладываю еще три дива и делю его на 15 % 70% и 15%. К диву в который вкладываю применяю две полоски по бокам, но почему применяются только к 70 % а поля по 15 % находятся более заполнены чем поле в 70 %, но на 15 % поле уже почему то боковые поля не применяются дива в который они вложены. если что то не понятно то сам сайт находиться по адресу auto-63.ru
кусок кода который написан для этого поля:
<div id="body1">
<div id="menu2"><jdoc:include type="modules" name="menu2" style="-1"/></div>
<div id="content"><jdoc:include type="component" /></div>
<div id="menu3"><jdoc:include type="modules" name="menu3" style="-1"/></div>
</div>
Как мне казалось что полоски должны были примениться с боков ко всем полям.
Но если убрать код написанный мною стилей то они просто располагаются один по другим и боковые поля есть! вот css которое я применил для этих полей:
#content {
width: 70%; }
#menu2 {
width: 12%;
float: left; }
#menu3 {
width: 12%;
float: right; }