Solved

2 column layout

Posted on 2011-09-19
5
157 Views
Last Modified: 2012-05-12
Hello,
In my asp.net web site, I tried to set up 2 column layout.
One is left sidebar, the second one is the main context. However it looks like not working.
Please see the css and master code.

Many thanks.
Default.aspx
Site.master.cs
Site.css
0
Comment
Question by:zhshqzyc
  • 3
  • 2
5 Comments
 
LVL 9

Expert Comment

by:BlueYonder
ID: 36563339
In order to use multiple columns you need to use tables.
within the content template enter the following.  The <td></td> tags are columns and you can adjust the width with the settings shown below.

<table style="width: 100%">
<tr>
<td width="10%" align="right">COLUMN 1
</td>
<td> COLUMN 2
</td>
</tr>
</table>
0
 

Author Comment

by:zhshqzyc
ID: 36563436
Well, if I insist use pure css then how?
0
 
LVL 9

Accepted Solution

by:
BlueYonder earned 500 total points
ID: 36564085
Here is an example http://www.zenelements.com/blog/css3-multiple-columns/ on how to create the double column style sheet.  After the css style is defined then
make sure the class is specified in the paragraph tag <p class="my_CSS3_id"></p>.
0
 

Author Comment

by:zhshqzyc
ID: 36564225
Thanks for your input. However I hope somebody could point out my error. Any link might be not fitting my case.
0
 

Author Comment

by:zhshqzyc
ID: 36567610
I uploaded my file "WSCCC.zip" at
SkyDrive
Can somebody take a look?
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In this Article, I will provide a few tips in problem and solution manner. Opening an ASPX page in Visual studio 2003 is very slow. To make it fast, please do follow below steps:   Open the Solution/Project. Right click the ASPX file to b…
A quick way to get a menu to work on our website, is using the Menu control and assign it to a web.sitemap using SiteMapDataSource. Example of web.sitemap file: (CODE) Sample code to add to the page menu: (CODE) Running the application, we wi…
This Micro Tutorial will teach you how to censor certain areas of your screen. The example in this video will show a little boy's face being blurred. This will be demonstrated using Adobe Premiere Pro CS6.
Both in life and business – not all partnerships are created equal. As the demand for cloud services increases, so do the number of self-proclaimed cloud partners. Asking the right questions up front in the partnership, will enable both parties …

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now