tiling a background image in a container


i have template header, 1 sidebar each side, , main content section (from dw stock template). left sidebar has navigation menu, doesn't fill whole screen vertically. main content section can go on many screens. want put tiled image (results in colored vertical stripes) in sidebar, start showing under navigation menu, , continuing way end of main content section. can tiling, length of nav menu. have following code sidebar:

 

.thrcolabshdr #sidebar1 {

position: absolute;

top: 190px;

left: 1px;

width: 150px;

height: 100%;

background-image: url(../bikeraceinfo2/images/left.jpg);

background-repeat: repeat-y;

}

 

when inserted "height: 100%" line, managed pull stripes out inch below nav menu; without hidden (but there). old version, if want see i'm trying do, @ www.bikeraceinfo.com (that accomplished putting in table column, automatically kept going longest column).

 

how convince keep going bottom of main content section?

from understand, think looking technique called "faux columns."

 

it  looks me though trying rebuild set using css  instead of tables layout.  that's idea!  think you  need cautious using height in layout because most  comfortable position allow content of element determine  that.  not of course, have content changes  between pages help.

 

nancy o shows layout using faux columns here:

 

http://alt-web.com/templates/3-col-white-gray.shtml

 

and can see image has used make faux columns here.

 

http://alt-web.com/images/bg/tri-color-bg.gif

 

it  eaier advise if post link new page and  tell element put image  image can go in containing element.

 

i hope helps , haven't misunderstood question

 

martin



More discussions in Dreamweaver support forum


adobe

Comments

Popular posts from this blog

Hur installera Joomla på One.com - Joomla! Forum - community, help and support

removing index.php from URL address - Joomla! Forum - community, help and support

「イメージマップのアンカー名には、...」のエラーが出ないようにしたい