How to split a div into two columns as we split a table ?

Question

I actually wanted the two grids in one div , I mean one grid in right, other in the left .....but for now the grid is appearing down. Its same as you split in a table with two rows !! same as that I need to split a div and add two grids side by side . Hope you get my point . Thanking you all in advance for your awesome support and replies

Answer 1

perhaps this link can help http://www.phwinfo.com/forum/macromedia-dreamweaver/277652-how-align-3-divs-side-side.html

Answer 2

It all depends on the design you want to achieve for that table. There are multiple approaches, each of them yielding slightly different results.

1. You can change the display CSS property on the divs. The best value to use would be table-cell; however, this value is not supported by any version of IE. You can also try inline or inline-block values.
2. You can make the divs float to the left in their container.
3. You can use absolute or relative positioning of the divs in their container; however, that approach doesn't work well with fluid designs.
4. You can switch to span.

Answer 3

Create two divs inside your main div

<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>

With CSS, fix each one to the correct side

#left { float:left }
#right { float:right }