Consider the requirement to modify an ASP.NET MVC template from the MVC Design Gallery. The specific template is called Orange.

Specific question around removing the right-hand column and allowing the center column to take advantage of the space taken by that column.

alt text

I have already:

  • killed the div for content-right (holding the login elements),
  • removed the styling for the content-container-inner for the background to where the content-right used to be.

Now the challenge is to allow the div content-container-inner to flow into the space to the right. The problem is that it's still being styled to wrap where the content-right used to be.

Question: How can I modify the style to allow the wrap? The padding hasn't shown to be the correct attribute to be tweaking. I realize this is a narrow question.

.content-container-inner {
    padding:0 200px;

Here are both the entire CSS file and page HTML.

Any suggestions are welcome!

2 answers

This was chosen as the best answer

Are you sure it's not the padding? What if you change it to this?

padding: 0 0 0 200px;
Answered over 7 years ago by Edward Williams

Have you tried changing padding to 0px 0px 0px 200px? it certainly seems like it should be the padding doing that.

Answered over 7 years ago by Joe Spurling