ASP.Net [Tips & FAQ]: July 2011

Just make "margin: 0 auto;" to make the page center to the browser window.. And see for sample code, just copy the following code & paste in notepad and save as .htm.

<html>
<head>
<style type="text/css">
#container_outer
{
  width: 900px;
  margin: 0 auto;
}
#container_top
{
  height: 50px; 
  background-color: #555;
  border-width:1px;
}
#container_bottom
{
  height: 28px;
  background-color: #555; 
}
#container_middle
{
  overflow: hidden;
  background-color:lightgrey;
}
</style>
</head>
<body>

<form id="form1" runat="server">
  <div id="container_outer">
      <div id="container_top">
      </div>     
      <div id="container_middle">
  <br>
      Sample Text
  <br>
      </div>
  <div id="container_bottom">
      </div>
  </div>
</body>
</html>

see

ASP.Net [Tips & FAQ]

Friday, July 22, 2011

Make the page center to the browser window