After a long time i got time to continue blogging.So today i got into conversation with a friend of mine working for some startup.He had this doubt about how to center the div layers in the website.There are many possible solutions to get this work done.However the major problem is cross broswer support.We know all that each browser is made form different engines.So when we design a layout for a particular browser the others interpret them differently infact render them differently.
After lot of experementing we can do using a center tag.
Or tey scripting javascript for all possible resolutions.But i recommend trying to create a parent div layer named body and place rest of the layers inside it
And create the following css for the body

html{
padding:0px;
margin:0px;
height: 100%;
}

body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
text-decoration: none;
background-color: #ffffff;
padding: 0;
margin: 0px auto;
padding-top:0px;
padding-bottom:15px;
text-align:center;
line-height: 19px;
}

However no website is 100% browser independent.So try to make use of maximum audience used browser.Let it be IE or firefox.

For any explanation of the css code leave me comments or try googling.

Happy Pongal to all

After a long time i got time to continue blogging.So today i got into conversation with a friend of mine working for some startup.He had this doubt about how to center the div layers in the website.There are many possible solutions to get this work done.However the major problem is cross broswer support.We know all that each browser is made form different engines.So when we design a layout for a particular browser the others interpret them differently infact render them differently.
After lot of experementing we can do using a center tag.
Or tey scripting javascript for all possible resolutions.But i recommend trying to create a parent div layer named body and place rest of the layers inside it
And create the following css for the body

html{
padding:0px;
margin:0px;
height: 100%;
}

body
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
text-decoration: none;
background-color: #ffffff;
padding: 0;
margin: 0px auto;
padding-top:0px;
padding-bottom:15px;
text-align:center;
line-height: 19px;
}

However no website is 100% browser independent.So try to make use of maximum audience used browser.Let it be IE or firefox.

For any explanation of the css code leave me comments or try googling.

Happy Pongal to all