[RESOLVED]Websites Arranged into Panels (Master Pages, Standard Pages)

Take a look at this screenshot, which is doctored and not made in ASP.   This is what I am trying to design in ASP approximately as a concept.

1) I want the grey area to be in the masterpage as a nav bar.  However, I am having difficulty getting the ‘main content’ to go to the right of the navbar.  When defining the master page (using the one generated by the ASP forms automatically) the main content
is stuck under.

2) Within the individual page, the white area (not the master page), how do I arrange tables side by side?  When I try to put two tables in an ASP document, the one is forced under the other.  Is there a column feature of some sort?

can you use bootstrap … bootstrap provides you a virtual 12 column grid and you can pretty much do the code something like below:

<div class="row">
 <div class="col-lg-2">..Navbar...</div>
 <div class="col-lg-5">..first column...</div>
 <div class="col-lg-5">..second column..</div>
</div>

you can have the whole layout in your master page … and for first column and second column create a content place holder..

Hi dbasarab,

Welcome to the ASP.NET forum.

I am having difficulty getting the ‘main content’ to go to the right of the navbar. 

About this problem, I think you could set the “main content” inside a div and set the div style:

<div style="float:right">

how do I arrange tables side by side?

If you the Table control, I think you could set these tables inside one TableRow as a TableCell.

<asp:Table ID="Table5" runat="server" Width="900px" align = "center">
                   <asp:TableRow>
                   <asp:TableCell Width="450px">
                   <asp:Table ID="Table3" runat="server" Width="450px" Border ="1px" Height="200px">
                   <asp:TableRow>
                    <asp:TableCell CssClass ="innerTableCell">
                        Left
                    </asp:TableCell>
                    </asp:TableRow>
                    </asp:Table>
                    </asp:TableCell>
 
                   <asp:TableCell>
                   <asp:Table ID="Table4" runat="server" Width="450px" Border ="1px" Height="200 px">
                    <asp:TableRow>
                        <asp:TableCell  CssClass ="innerTableCell">
                            Right
                        </asp:TableCell>
                    </asp:TableRow>
                   </asp:Table>
                    </asp:TableCell>
                   </asp:TableRow>
            </asp:Table>

Further information please refer to the link below:

http://forums.asp.net/t/1743832.aspx?two+tables+side+by+side+horizontally

 

 

If you have any other questions, please feel free to post this forum.

Best Regards,

Summer

this is a CSS issue, much more than an ASP issue… you need to use CSS to organize and place the elements where you wish them to be, regardless of them being inside the masterpage or the nested page

Leave a Reply