left and right column stretch fix middle

Seven price
Seven price used Ask the Experts™
on
I would like to have my left column stretch and right column image stretch and the middle content fixed. link or css would be helpful.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Jagadishwor DulalSenior Web Developer

Commented:
Just post an image will help to do
Seven priceFull Stack

Author

Commented:
ok i attach left right and footer the middle content should be 1024 fixed and the side right and side left should stretch out no matter what the page size.
SideLeft.jpg
SideRight.jpg
BottomShade.jpg
Here you go:
<html>
<head>
<style>
	body {
		margin:0;
		overflow:hidden;
	}
	#container{
		position:relative;
		width:1024px;
		min-height:600px;
		margin: auto;
		background:#f00;
	}
	#left{
		position:absolute;
		left:-250px;
		width:250px;
		min-height:100%;
		margin: auto;
		background-image:url('left.jpg')
	}
	#right{
		position:absolute;
		right:-250px;
		width:250px;
		min-height:100%;
		margin: auto;
		background-image:url('right.jpg')
	}
	#footer{
		position:absolute;
		bottom:-200px;
		width:100%;
		min-height:200px;
		margin: auto;
		background-image:url('footer.jpg')
	}
</style>
</head>
<body>
<div id="container">
	<div id="left"></div>
	<div id="right"></div>
	<div id="footer"></div>
</body>
</html>

Open in new window


Demo:
http://www.suremedia.co.uk/EE/EE.htm

Easynow
Seven priceFull Stack

Author

Commented:
tks

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial