Trying to recreate this page using CSS

[Chibigoten]

Currently this page...

http://www.theskyfactory.com/catalog.php?list=Popular&section=c

... is constructed using PHP and crude tables to output some images into rows of 3 based on what the user is looking for.

I'm trying to make the page without using any tables and my latest attempt is here...

http://www.theskyfactory.com.mx/images/NEW/test.php


What I can't figure out is how to make the tan boxes around the images stretch to fit the largest image in each row.

could someone give me some tips?

Thanks.

[toicontien]

You'll want to read about and understand Faux Columns (http://www.alistapart.com/articles/fauxcolumns/), then adapt them to these rows.

[Centauri]

As toicontien has suggested, the faux column technique will work well here. A tiled background image, such as the one attached here, on the #SearchResults div will provide the look of columns, and an 8px wide white top border on the .Result divs (with no background colour), instead of the top/bottom margins, will provide the look of rows.