Look at the effect before
code is as follows:


<! PUBLIC DOCTYPE HTML "-///DTD/W3C XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <HTML XMLNS="http://www.w3.org/1999/xhtml" > <Head> <Title> Position: fixed DIV center - KeLeYi </title> <Style type="text/CSS" > # topmenu_keleyi_com {position: fixed; Left: 0 px; Right: 0 px; Width: 706 px; Margin - left: auto; Margin - right: auto; Top: 100 px; Height: 50 px; Background - color: Red; } # topmenu_keleyi_com li {float: left; The list - style: none; Margin - right: 1 px; Width: 116 px; Background - color: # e0f0e0; } # topmenu_keleyi_com ul {margin: 0 px; Padding: 0 px; } the body {margin: 0 px; } </style> </head> <Body> <Div id="topmenu_keleyi_com >" <Ul> <LI> <A href="http://www.keleyi.com/menu/net/" target="_blank" > . NET </LI> <LI> <A href="http://www.keleyi.com/menu/javascript/" target="_blank" > Javascript </LI> <LI> <A href="http://www.keleyi.com/menu/jquery/" target="_blank" > JQuery </LI> <LI> <A href="http://www.keleyi.com/menu/csharp/" target="_blank" > C # </a> </LI> <LI> <A href="http://www.keleyi.com/menu/other/" target="_blank" > Other </a> </LI> <LI> <A href="http://www.keleyi.com/" target="_blank" > Front page </a> </LI> </ul> Position: fixed DIV centered effect, change the width of the page and have a look. </div> </body> </html># 0 - #


This concludes the body part