Solved

I have an MVC 4 view, with a partial view. How do I create two columns. One for each view?

Posted on 2013-02-05
1
653 Views
Last Modified: 2013-02-07
I am working with MVC 4. I have a view, and in that view I have a partial view. What I want to do is to to have two columns on my view form. The left column for the main view. And the second column for the partial view. As you can see from the attached file Main_cshtml, on that form I include the partial view surrounding it in a div's.

  <div class="right"> @Html.Partial("LoginPartial")</div>

    </div>

I have attached the partial view just for reference. I tried using CSS to create two columns. It is not working though. Below is my css. Perhaps someone can point me in the right direction.

.container{
             width: 100%;
             height: 100%;
             position: absolute;
             left: 0
             top: 0
          }

          .left{
               width: 20%;
               height: 100%;
               float: left;
          }

          .right{
               width: 80%;
               height: 100%;
               float: right;
          }
Main-cshtml.txt
PartialView.txt
0
Comment
Question by:brgdotnet
1 Comment
 
LVL 23

Accepted Solution

by:
Roopesh Reddy earned 320 total points
ID: 38858219
Hi,

Check this code -
.container{
             width: 100%;
             height: 100%;
             position: absolute;
             left: 0;
             top: 0;
           
              
          }

          .left{
               width: 20%;
               height: 100%;
               float: left;
    
          }

          .right{
               width: 79%;
               height: 100%;
               float: right;
    
          }

Open in new window


For more information - http://matthewjamestaylor.com/blog/perfect-2-column-double-page.htm

Hope it helps u...
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

Suggested Solutions

Title # Comments Views Activity
DLL in ASP.NET 20 56
ASP.NET Web Form Variables being reset 2 26
What .NET website keeps me current? 9 55
ASP.NET reading ATOM 2 51
In an ASP.NET application, I faced some technical problems. In this article, I list them out and show the solutions that I found.  I hope it will be useful. Problem: After closing a pop-up window, the parent page should be refreshed automaticall…
Today is the age of broadband.  More and more people are going this route determined to experience the web and it’s multitude of services as quickly and painlessly as possible. Coupled with the move to broadband, people are experiencing the web via …
This Micro Tutorial will give you a basic overview how to record your screen with Microsoft Expression Encoder. This program is still free and open for the public to download. This will be demonstrated using Microsoft Expression Encoder 4.
Windows 10 is mostly good. However the one thing that annoys me is how many clicks you have to do to dial a VPN connection. You have to go to settings from the start menu, (2 clicks), Network and Internet (1 click), Click VPN (another click) then fi…

912 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

20 Experts available now in Live!

Get 1:1 Help Now