Last post Apr 13, 2010 09:34 PM by danielt
Apr 13, 2010 08:07 PM|DanielT|LINK
How do I change the Default.aspx file so that it only has one column in the content container?
If you see the sample page (http://starterkits.asp.net/SmallBusiness/), you will see there are two columns:
On the left, the main panel with three-sub columns. I wish to keep this.
Ony the right, a news panel, with a feature area and some other blue bits. I want to remove this.
If it can't be done in the aspx file, then do I need additional code in the css-content.css file, e.g. a one-column content container?
Code examples would be much appreciated. Thank you.
Apr 13, 2010 08:15 PM|hajan|LINK
A I see, the right side is placed under
so, you will need to remove this, but definitely you would need to make some changes in the rest of your html / aspx code-file as well as the CSS.
Can you post your ASPX and CSS code over here?
Apr 13, 2010 09:34 PM|DanielT|LINK
Ok, that worked. Thanks. Here are the steps if anyone needs them in more detail.
In css-content.css, I inserted a content-container-one-column section.
border:1px solid #818181;
In default.aspx, I changed my divs to: <div id="content-container-one-column"> and within this, <div id="content-main-one-column">, which are now defined in the css file.
Also in default.aspx, I deleted the <div id="content-side-two-column"> section, but left the <div class="clear"></div> bit.
Finally, the dashed lines in the 3-columns ended up in the wrong place. So I copied the HOME PAGE - THREE COLUMN SECTION code from css-print.css into the same section in css-content.css (replacing the existing code), and that seemed to fix it.