Member Avatar for gloris

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>
  • 2 Contributors
  • 3 Replies
  • 78 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by gloris

Recommended Answers

All 3 Replies

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?

Member Avatar for gloris

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.