Hi,
I need three tables (div).
The left and right sides of the occupied 50% of the free window.
The center is fixed.

Everything seems fine, but right down to jump off the table.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<style type="text/css">
body{
	margin:0;
	padding:0;
}
#left{
	float: left;
	width: 50%;
	background: #FDA02E;
	margin-left: -300px;
}
#center{
	float: left;
	width: 600px;
	margin-right: 300px;
	background: #C8FF98;
}
#right{
	float: left;
	width: 50%;
	margin-left: -300px;
	background: #FDE95E;
}
</style>
</head>
<body>
<div id="pag">
	<div id="left">
	    Left
	</div>
    <div id="center">	
		Center
	</div>
	<div id="right">
		Right
	</div>
</div>
</body>
</html>
Member Avatar for diafol

Sorry don't understand. Do you want left and right to be equal sizes and the divs to fill the screen?

Thanks

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.