Question

how do I split a div into two rows so I can add two grids !!!! The grid which I’m using is of TMS .

Answer 1

divs don’t really work like that (splitting into rows and columns). if you have a div, just put both grids inside.

 <div>
      <control1/>
      <control2/>
 </div>

if you need to add a line break in between, either set control2’s style to something that will break (“float:left;clear:left”) or add a
in between.

Edit

In response to your comment to another answer

OK , I actually wanted the two grids in one div , I mean one grid in right, other in the left

I suspect you mean you want 2 columns, not 2 rows.

  |<--  column -->|<-- column -->|
  +---------------+--------------+ 
  |               |              |  ^
  |               |              | row
  |               |              |  v
  +---------------+--------------+

In this case, there’s a couple ways you can handle alignment. one way is to float the two controls —

<div>
    <control1 style='float:left' />
    <control2 style='float:left' />
</div>

you could also use inline-block, with possibly better results, but it would take a bit of fiddling. see this link for a treatise on aligning elements with inline-block