How do I fix this error

How do I fix this error on this page http://www.jodee.biz/index.php?id=17 left column doesn’t do like the right column and I have it at height 100%

Could you please explain

doesn’t do like the right column

in more detail since I don’t see a problem other than the right column being blank.

What I am meaning is that the column doesn’t go the length of the page in the same color like on this page for example http://www.jodee.biz/index.php?id=13

I get this in FF1.0.7:





I believe I see what you are talking about when viewing the page in IE. Weird.

Best way to find out what is the problem is to strip all background color and images from the css temporarily (MAKE SURE TO BACKUP ) and then add them back one at a time until the problem occurs (thats your culprit).

It’s a common problem. Trying to use "height:100%" will be problematic at best in different browsers.
Here’s the solution. I use it all the time.

http://www.alistapart.com/articles/fauxcolumns

Susan
I am still not sure if I am understanding how to do it but if I read it right i just make a background gif  of the colors I want???
What I would like is for it to do like your theo template Quote from: sottwell at Oct 15, 2005, 06:08 AM

It’s a common problem.  Trying to use "height:100%" will be problematic at best in different browsers.
Here’s the solution.  I use it all the time.

http://www.alistapart.com/articles/fauxcolumns

Have you tried setting the backgorund of <div id="left"> to

in your css file?

Faux Columns from ALA are good for fixed width layouts and I don’t know if you can use them in the variable width layout... I can be wrong

I decided to just strip out the color on the right and left column for now until I learn more as I am just learning css

are you talking about this section here
#outer_wrapper {
background: #fff url(../images/background_3.gif) repeat-y left;
}
#wrapper {
background: url(../images/background_2.gif) repeat-y right;
}

#container {
width: 100%;
float: left;
margin-right: -200px;
background: url(../images/background_2.gif) repeat-y right;
}
#content {
margin-right: 200px;
background: url(../images/background_3.gif) repeat-y left;

Quote from: koolavy at Oct 15, 2005, 02:19 PM

Have you tried setting the backgorund of <div id="left"> to

background: #color url(assets/images/backimg.gif) repeat 0 0;

in your css file?

Faux Columns from ALA are good for fixed width layouts and I don’t know if you can use them in the variable width layout... I can be wrong 

Check this out:

http://www.pixy.cz/blogg/clanky/css-3col-layout/
http://www.redmelon.net/tstme/3cols2/