static vs fixed div position

msi_333 · **Posted:** Thu Nov 10, 2011 2:22 am

static vs fixed div position , static position is the default and it is not affect by top,left,right,bottom properties ,you can change position to fixed in coming example to see the difference.

Code:

<!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">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>static postion of div</title>
    <style type="text/css" media="Screen">
* .mainDiv {
  
 
  background: #FFCC33;
}

*.divstatic {
  position: static;
  background: #EE4C77;
  padding-left: 50px;
  top:30px;
  right:5px;
  margin-top:30px;
  margin-right: 50px;
  margin-bottom: 50px;
 
}
</style>
</head>
<body>
<div class="mainDiv">Positioned div
  <div class="mainDiv">Non-positioned div 
    <div class="divstatic" >static postioned div</div> 

  </div> 
</div> 
</body>
</html>

 

static vs fixed div position

Users browsing similar codes