Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 432
  • Last Modified:

hide right column

Hi ,
I have a template in dreamweaver with a right column. On my home page I would like this home page right column hidden and the text on middle column(main content) to use this space instead.

How do i hide a certain column for a page with a template?

body{
margin:0;
padding:0;
line-height: 1.5em;
background-color :#dadbe5;
text-align:center;


}
#maincontainer
{
  max-width:980px;
   margin:auto;
 background-color :white;
}

#MainContentArea{
        float: left;
      	width:56%;
		margin-left:2%;
		margin-right:2%;
		text-align:left;
}
	
	
#leftcolumn{
        float: left;
/*        background-color:Green;*/
        height:600px;;
		float: left;
		width: 20%; /*Width of left column in percentage*/
		background-color:#dadbe5;
		/* visibility:hidden;*/
}

#rightcolumn{
        float: left;
        background:rgb(204,255,51);
        color:Black;
/*		border:1px solid #000000;*/
        height:600px;;
		float: left;
		width: 19.8%; /*Width of right column in pixels*/
		color:Black;
		
}

Open in new window

0
jagguy
Asked:
jagguy
  • 3
  • 2
1 Solution
 
Juan OcasioApplication DeveloperCommented:
Why not omit the right column on the first page altogether?
0
 
Jagadishwor DulalBraces MediaCommented:
I think you want to manage the space but leave it blank in home page. So you can add a class for home like:

#rightcolumn{
        float: left;
        background:rgb(204,255,51);
        color:Black;
/*		border:1px solid #000000;*/
        height:600px;;
		float: left;
		width: 19.8%; /*Width of right column in pixels*/
		color:Black;
		
}

.homepagerightcol{
 visibility:hidden;
}

Open in new window

0
 
Jagadishwor DulalBraces MediaCommented:
Call the class in home page like:
<div id="rightcolumn" class="homepagerightcol">
//Content
</div>

Open in new window

0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
Juan OcasioApplication DeveloperCommented:
jagadishdulal:  would your solution expand the main column?  I was under the impression   jagguy wanted that.
0
 
COBOLdinosaurCommented:
Instead of visibility, you need to use display:none to take it out of the flow.

Cd&
0
 
Jagadishwor DulalBraces MediaCommented:
If you want to fullwidth main column than add more style in your homepagerightcol class

width: 0;

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now