Heya,

I'm working my way through writing my page using CSS instead of tables. Originally I was using tables and an iframe (I had done this so far: www.luzvenidera.com/webnueva/tables), I've come up to doing something similar in CSS..: http://www.luzvenidera.com.ar/webnueva

I intend on replacing the javascript rollovers with CSS as well as the iframe with php or AJAX (still exploring). However, even though I've been looking all day for the right answer, I haven't had any luck finding the right way of making it so the side columns, next to the content area, expand dynamically so that they have the same height as the content area. I did run into "holy grail" codes and other bits of information, however, most of the stuff I ran into didn't contemplate the possiblity of a tiled background plus an image on the top of that side div.

I did also find some other stuff like this script:
http://www.dynamicdrive.com/style/bl...ht-script/P10/

However, most of the articles that I found googling could be considered old (up to quite a few years old), and since what I'm trying to do is to avoid old or "wrong" methods, I'd like to ask again for some input on this.

Should I go with the javascript? I do need this to be dynamic since the middle column will be changing height .. Is there a better way considering that I need a tiled background image plus an image header on the side column? I'm trying to make this as cross-browser/platform friendly as I can.

Thank you in advance

Best regards

The easiest way to do this is called the 'faux columns' method.

most of the stuff I ran into didn't contemplate the possiblity of a tiled background plus an image on the top of that side div.

You can do this with faux columns.

For your layout, you've actually taken an approach that's more difficult than it needs to be. There's no need use 3 columns to get that effect. What you need is to take a single thin 'slice' across the entire horizontal width of your graphic, then you tile that vertically as the background of a div. You already have the top and bottom sections. You would then have a header, a content section, and a footer, all inside a "wrapper" div.