centering root div through percentage width in all kind of resolutions

Question

i need to center the root div through percentage based width not pixel based

#container
{
  width:80%;
  margin:0px auto;
}

it will center

Answer 1

Here you go.

WORKING DEMO

The HTML Code:

The CSS Code:

#container
{
  width:80%;
  margin:0px auto;
    background:green;
}

html{width:100%; min-width:100%;}

Hope this helps.