Ok, whenever I try to code a web site using <div></div> tags I run into one problem... the only run vertically... laying on top of one another...... I know there is a way to get div tags to run side-by-side... but how?

(Diagram of what I mean)
When I attempt:


What I want to happen:


so what css (or whatever else) to get it like that...?

In your example (2 column) you float content area left and right





I think with this method though its going to float all the way to the right and left. so its probably best to have an empty content container with a defined with
say 600 px if you want it that wide over all






ok unless there is some positioning available to control how far wide out they float and it works well then you dont need to use the above example.

This post has been edited by sonesay: Jan 16 2008, 11:31 PM

ok what about padding between them... just like a center float div... or what....

You can just define the left and right divs width to equal a value that gives enough space in between them.

Here is a sample code showing paragraph tags instead of div's, but the concept is the same since p tags are block level like Div tags. Div's are a generic container, whereas paragraphs deal with text.


Try it out in your template. Of course, you could move the styles to an external CSs file nand give the p's classes according to their behaviour...

Hope this helps.

thanks to both of you.