Solved

2 column layout

Posted on 2011-09-19
5
156 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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

In .NET 2.0, Microsoft introduced the Web Site.  This was the default way to create a web Project in Visual Studio 2005.  In Visual Studio 2008, the Web Application has been restored as the default web Project in Visual Studio/.NET 3.x The Web Si…
IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …
This video demonstrates how to create an example email signature rule for a department in a company using CodeTwo Exchange Rules. The signature will be inserted beneath users' latest emails in conversations and will be displayed in users' Sent Items…

747 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

8 Experts available now in Live!

Get 1:1 Help Now