css, fixed size
Posted
by gloris
on Stack Overflow
See other posts from Stack Overflow
or by gloris
Published on 2010-04-09T14:07:48Z
Indexed on
2010/04/09
14:13 UTC
Read the original article
Hit count: 192
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>
© Stack Overflow or respective owner