Установка фона для меню в трёхколоночной вёрстке

[Ратмир]

В связи с переводом сайта с табличной на дивную вёрстку возник вопрос: как можно задать фон для боковых колонок меню в трёхколоночной вёрстке так, чтобы при увеличении контента страницы и растягивании её по высоте фон также растягивался. Сейчас он заканчивается там, где идёт последний пункт меню, и дальше - ни в какую Помогите кто советом, что делать...

Исходник в табличной вёрстке: http://www.ecoby.info/



Страничка в дивной вёрстке (та, которую нужно доработать): http://www.ecoby.info/main.html



P.S. Ещё один вопросик мелкий - не могу почему-то перенести слой с заголовком сайта вниз (чтобы грузился последним), сбивается вся вёрстка, что это может быть?

[igorus77]

http://intensivstation.ch/files/en_t...te-1-3col.html
смотри здесь пример трехколоночного дизайна

[Ратмир]

igorus77, благодарю, с этим более-менее разобрался, но вот не могу никак поправить косяки в другом месте: http://www.ecoby.info/index.php?page=motion - фон левой колонки ни в какую не желает доходить до фона контента

[igorus77]

выложи css этой страницы
но по моему ты просто заблудился в div-ах
ты в чем верстку делаешь ? ?

[Ратмир]

Цитата: /* FOR ALL */ body{ background: #FFF; font-family: Verdana, Tahoma, Arial; font-size: 11px; margin: 0; padding:0; } /* INTERACTIVE */ a { color: #00763D; text-decoration: none; font-weight: bold; } a:hover { color: #F01818; text-decoration: none; } /* CONTENT */ img { border: 0; } ul { margin: 0; } h1 { font-size: 15pt; color: #00753D; } h2 { font: bold 130% Arial, sans-serif; padding: 0px 0px 0px 0px; } h3 { font-size: 13pt; color: #00753D; text-align: center; } h4 { font: bold 110% Arial, sans-serif; padding: 0px 0px 0px 0px; } h5 { font: bold 13pt Arial, sans-serif; } .textput { font-size: 8pt; text-align: center; } .submenu { padding: 0px 0px 0px 53px; } .submenu li { background: url(i/bgsubmenu.gif) transparent no-repeat 0 0; padding-left: 16px; list-style-type: none; } .sp { width: 15px; height: 46px; } .mi { width: 173px; height: 46px; } .mi_ico { width: 62px; height: 46px; } .mi_ico2 { width: 62px; height: 46px; } b{font-size: 110%;} em{color: red;} /* BLOCKs */ #maincontainer{ background: #D5EA76; width: 990px; margin: 0 auto; } #topsection{ background: #EAEAEA; height: 116px; } #contentwrapper{ float: left; width: 100%; } #contentcolumn{ margin: 0 250px 0 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ background-color: #F1FEAF; text-align: justify; } #contentcolumn_big{ margin-left: 250px; /*Set left margin to LeftColumnWidth*/ margin-top: -18px; margin-bottom: 0px; padding: 20px; background-color: #F1FEAF; text-align: justify; } #contentcolumn div{ padding: 10px; } #leftcolumn{ float: left; width: 250px; /*Width of left column in pixel*/ margin-left: -990px; /*Set margin to that of -(MainContainerWidth)*/ background-color: #D5EA76; padding-top: 10px; } #leftcolumn div{ padding-top: 10px; font-size: 10pt; text-align: left; } #rightcolumn{ float: left; width: 250px; /*Width of right column*/ margin-left: -250px; /*Set left margin to -(RightColumnWidth)*/ background-color: #D5EA76; padding-top: 10px; } #rightcolumn div { padding-top: 10px; font-size: 10pt; text-align: left; } #forum{ clear: left; width: 490px; margin-left: 250px; /*Set left margin to LeftColumnWidth*/ margin-top: -200px; background-color: #F1FEAF; text-align: justify; } #footer { clear: left; width: 100%; } #ratings { text-align: center; } .innertube{ margin: 0px; } #event{ margin-left: 14px; margin-right: 14px; margin-bottom: 14px; background-color: #FAFAE0; border-width: 3pt; border-style: double; font-size: 12px; text-align: justify; }

А в дивах я реально приблудился, всё не могу понять, как так получается: вроде заливка задана всюду своя, и тем не менее где-то не доходит Да ещё и эта полоска снизу...