CODEWITHSUNDEEP
css
user1082764
user1082764

Reputation: 2015

how to force 100% height on a dynamic drive css fluid/fixed layout

example fiddle here

I am using a fluid/fixed layout. i need my fixed side to take up 100% of the room between the header and footer content.

my right column:

#rightcolumn{
float: left;
width: 200px; /*Width of right column in pixels*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: #FDE95E;
height:100%;
}

Upvotes: 2

Views: 946

Answers (1)

DrCord
DrCord

Reputation: 3955

So you can do it with css "display: table" and "table-cell". Here's a copy of the fiddle I got working, but what I did was nest your #rightcolumn into the #contentwrapper div and then modify the css as so:

#contentwrapper{ display: table; }
#rightcolumn{ display: table-cell; }
#contentcolumn{ display: table-cell; }

also "#rightcolumn" - remove "float: left;" property

Upvotes: 3

Related Questions