How do I use CSS to grow my left div 100% so it fills the space

My left div (with the navigation buttons on it) needs to grow to fill the available space...

How?

http://www.1aardvark.co.uk/clients/crookedinn/
nickrjsmithAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

biXenCommented:
Put this code in your CSS. Then give the leftColumn the class named clearfix. Maybe you have to assign that class to the wrapper too, not sure how you've coded the site. But I'm assuming the bg image with the left shade and such is a background that repeats in the leftColumn div, so it should work. If not lemme know.
/* Clearfix style - START - Forces Firefox to expand divs when content is bigger than initial height. Must be applied as a class to the divs needing it */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Clearfix style - END */

Open in new window

0
nickrjsmithAuthor Commented:
not working... is it because there are already styles on the div

this is the style

they are all here

http://www.1aardvark.co.uk/clients/crookedinn/styles/stylesheet.css

#leftcolumn {
 border: 1px solid #ccc;
 width: 219px;
 float: left;
 background-image: url(../img/navBarBack.gif);
 background-repeat: repeat-y;
}
0
biXenCommented:
Ah, I see now, the left and right content is totally separate, so the left won't grow to go along with the right content.

My solution, unless it makes other problems for you. Make a container around both of them that has the background image  in it with the entire width + shadows, instead of having it in the left and right content. I usually do that on my sites.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
nickrjsmithAuthor Commented:
great idea.. thanks
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.