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: 244
        
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