Side-by-Side Div tags?

So I have this layout that was given to me by a client. And it's basically a table that he sketched up in photoshop, with 3 main columns in the middle, a horizontal drop menu along the top middle square and some footer info.

So you can imagine it kinda looks like a tic-tac-toe table, but it's a little stretched.

I really don't want to use a table, cause I hate using tables. I would much rather just use div tags and id the corners that are basically place holders, etc. And then just be able to use the css on the different div tags, etc.

But I just made the div's, and they are all top-down fashion. My question is, how do I make a set of 3 div tags go inline? Is it "display: inline"?

Any suggestions are greatly appreciated, thanks so much for your help in advance!

Wes

 

do something similar to below. you can change the settings to fit your needs.

CSS

#div-container {
width:600px;
}

.column {
width:300px;
float:left;
}

Code

<div id="container">
<div class="column"></div>
<div class="column"></div>
<div class="column"></div>
</div>

 

www dot pagecolumn.com/3_column_div_generator dot htm

 

Google "css floats". They're a basic web building tool.

 

Thanks dude for the tips

 

Thank you for the tip...

 

Thanks for the Collumn generator. Very helpful!

 

that column generator was very good! thanks!

 

Thanks for the code man!
Really helped me!!!

 

Hey good looking piece of code there!

 

thanks for the code, it works thanks again