the right column has a bad declaration:

background-image: #fff url(images/sidebar2.gif) repeat-y top right;

should be

background: #fff url(images/sidebar2.gif) repeat-y top right;

and IIRC you can't declare a position for a repeating element...

the left column has no height beyond the navigation ul and isn't wide 
enough for your image...

try adding borders to your columns to see where they are...

;o)


Hi Tony and others,

I had posted on my process last night last night just *before* I got this 
message of course ;o! I have fixed the declarations...in fact, the color for 
the right column came in just fine after that.

I fixed the background image widths as well. Your idea of adding borders on the 
columns to see where I was at was brilliant, Tony! That really helped me sort 
some things out.

However, I am still one column short...the left sidebar image *still *is not 
coming in :(

http://www.drk-writing.com/3columnlayout/

Relevant CSS:

body {
   margin: 0;
   padding: 0;
   text-align: center;
}

#wrapper1 {
   background: #fff url(images/sidebar1.gif) repeat-y left;
}

#wrapper2 {
   background: #fff url(images/sidebar2.gif) repeat-y right;
}

#banner {
   background-image: url(images/daisiesbanner.jpg);
   border-bottom: 10px solid #4B5957;
   padding: .5em;
}

#left { 
   position: absolute;
   top: 80px;
   left: 0px;
   width: 170px;
}

#right {
   position: absolute;
   top: 80px;
   right: 0px;
   width: 170px;
} 

#center {
   margin: 0 170px 0 190px;
   padding: 0px 20px 20px 0px;
   border-right: 1px solid #4B5957; 
}

Debbie
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to