Classified layout help.

[ajnorris]

Ok, I don't know quite how to explain the effect that I want, but I'll do my best.

I want a classified ad layout with multiple columns. I want the number of columns to be dependant on how large the viewer's window/screen is. Right now, I have this part of it working by just entering each "ad" as a div floated left. Works great. Now, the other effect that I would like (and haven't figured out how to achieve) would be that after the first row, I would like the vertical placement of the following rows to be dependant on how long the "ad" above it is. Meaning that the items in rows 2 through whatever are at different levels, instead of a strict table type layout. Is this even a possibility? Any help would be greatly appreciated. Let me know if I haven't explained this well enough and you need additional information.

[Harvs]

As far as I'm aware what you are proposing insn't possible using CSS. What you would need to do, in theory, is resize the div's on the lower rows to match the size to the rows above. The only way you can resize a div relative to another div is if it is contained with it.
eg:

<div id="container">
<div id="contents">
</div> <!--contents div-->
</div> <!--container div-->

I know this is a CSS forum but if CSS can't do the job you require sometimes a table will have to do. As long as you don't have many nested tables it should be fine.

Hope this helped

-Harvs-

[ajnorris]

I don't see how I could use a table to get this effect. Any suggestions?