Faux Columns

Please provide a URL. I'm not quire sure what you're talking about here.

Theres nothing magic about it. repeat-x tiles horizontally, repeat-y repeats vertically.

(like when drawing graphs... x and y axis)

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

right. I said repeat-y, but it doesn't stretch.

http://madclassifieds.000k.net/library/

http://madclassifieds.000k.net/library/css/main.css

Your CSS file doesn't contain the word term "repeat-y" anywhere. Are you sure you've remembered to upload your CSS file to the webserver?

Have a look at my blog (greendezire.com) I use the faux columns technique on that and it works fine for me.

still nothing doing.

Try doing it verbosely.

Also, you've set a height for the box. So any background in it will only tile as far as the box goes, no further. Certainly not "down the page". You'll need a box that goes all the way down to the bottom of all the content to get that effect.

Also... keep your CSS file in the site root folder (in this case "/library/" as different browsers handle relative URL's differently. Some make the reference releative to the css file and some are releative to the html document.

Because you've specified "../" to go up a directory level to find the images this would mean that some browsers would look for the image here:

http://madclassifieds.000k.net/library/images/body/navbackground.png'

and others would look for the image here: (and not find it!)

http://madclassifieds.000k.net/images/body/navbackground.png'

It's a problem that's easily solved by just keeping your CSS files in the root directory of the website.

ugh. I just don't get it!

here's the code:

It seems on Mozilla the image is loading fine. It runs down the length of the the 300px high box, as expected. It doesn't run down the length of the page (faux column) because the box is only 300px high.

I don't see what your problem is. Is it that the image doesn't load? That the column doesn't go down the whole page? What about it isn't working for you?

It's that it doesn't go down to the bottom of the page, even though I took away the height setting.

Even if you take away the height parameter, the box will only be as high as its content. How faux columns work is you get a box somehow that *does* naturally go down the length of the page, and assign it the background you want.

To get a box to stretch all the way down, you'll either give your background, or you'll create a wrapping all your content, so it's at the maximum possible height, and give that the background.

Looks like the article didn't specify this clearly.

Ugh still problems. I think you'll be able to see them for your self when you look at it.

In firefox it only stretches down the content area height, even though the nav is longer, in IE the nav stretches out and looks weird.

Remove height: auto; from div.body

ok, I figured out that deals with were the code is placed in the HTML file. I C+P'd the nav after the content, and now it stretches, but it goes under the content. You have to look to see what I mean. I made the nav background green to make it a little easier to see.

http://validator.w3.org/check?verbose=1&uri=http%3A//madclassifieds.000k.net/library/

I think you're missing a

You have a called container-right, and in your CSS you have a class for right-wrapper. Are they meant to be the same?