This is a migrated thread and some comments may be shown as answers.

[Solved] Designing question

1 Answer 80 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sharmili Rao
Top achievements
Rank 1
Sharmili Rao asked on 14 Sep 2009, 04:32 PM
I am designing a User Interface. I have 2 grids on a page and I need to place them side by side horizontally. Any suggestions?
Thanks!

1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 15 Sep 2009, 04:12 AM
Hi Sharmili Rao,

You could use either div or table structure in order to achieve this. See the example shown below, give a try with these:

Using div:
 
<div style="width: 100%;"
    <div style="width: 50%; float: left;"
        //place the first grid here 
    </div> 
    <div style="width: 50%; float: right;"
        //place the second grid here 
    </div> 
</div> 

Using table:
 
<table style="width: 100%;"
    <tr> 
        <td> 
            //place the first grid here</td> 
        <td> 
            //place the second grid here</td> 
    </tr> 
</table> 

-Shinu.
Tags
Grid
Asked by
Sharmili Rao
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Share this question
or