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?
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;
}
Juan Ocasio
Why not omit the right column on the first page altogether?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Call the class in home page like:
<div id="rightcolumn" class="homepagerightcol">
//Content
</div>
jagadishdulal: would your solution expand the main column? I was under the impression jagguy wanted that.
Instead of visibility, you need to use display:none to take it out of the flow.
Cd&
Cd&
If you want to fullwidth main column than add more style in your homepagerightcol class
width: 0;