Four-paned page in CSS?

[jkies00]

Hello,

I have a site I'm building, and the landing page will look something like this screenshot:



I'd like to create this layout using divs and css instead of a table. It's not tabular data, and so it shouldn't use a table.

I'm having a tough time implementing it, and I'm looking for some suggestions, code samples, a url, anything to get me going. I'm trying to get this site live in a few days, and I'm a bit stuck on this page.

Anyone have any ideas for me?

Thanks,
~jeff

[pfmac]

To help you get started you would need to have a container div with 4 div's inside.

<div id="container">
<div class="box">content</div>
<div class="box">content</div>
<div class="box">content</div>
<div class="box">content</div>
<br style="clear:left;">
</div>

CSS:
#container {width:100%; background:red;}
.box {width:47%; margin:1%; float:left; background:blue;}

The background is only to see what happens. This is a pretty basic example but should help you get started. Try it and let us know how you get on

[Game Makker]

yeah your best bet is using the float property. This will force them to display in an inline style but any that don't fit within the container are then placed underneath where they will do the same.