troubleshooting Question

CSS 2 column liquid layout

Avatar of pixalax
pixalaxFlag for Poland asked on
CSS
22 Comments1 Solution603 ViewsLast Modified:
Hello all,
 I am trying to create a layout. I have would like to create 2 column div inside a div.
Left column should have fixed pixel width.
Right column should cover rest of the div in it.

CSS
#clear {
 clear:both;
}
#tbl_split_container {
	width:100%;
}
#tbl_split_left {
	width:180px;
	background-image:url(../../images/nav_bg.jpg);
	background-repeat:repeat-y;
	float:left;
	margin-right:10px;
}
#tbl_split_right {
	width:100%;
	margin-left:-180px;
	float:right;
	border:1px solid;
}

HTML;
<div id="main_div">
<div id="tbl_split_container">

<div id="tbl_split_left">something something</div>
<div id="tbl_split_right">something something</div>

<div id="clear"></div>
</div>
</div>

Any ideas how to make tbl_split_right Div ID liquid? Expands or narrows down with the resolution?
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 22 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 22 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros