Problema de posicionamento

[pulao 0]

boa noite tenho um sisteminha e ele com a resolução 1366 x 768 fica de um jeito ja com a resolução 1024 x 768 fica de outro jeito daí deixei de um jeito bom pra 1024 x 768 que é a que a maioria usa, mas queria saber como manter um padrao pra todas as maquinas... o codigo pra 1024x768 esta da seguinte maneira...

#main {
       position:absolute;
       top:80px;
       margin-left:1.0em;
       margin-right:0.5em;
       padding-left:1em;
       padding-right:1em;
       border:2px outset #E8E8E8;
    border-right:0.2em outset #E8E8E8;
    border-bottom:0.2em outset #E8E8E8;
       height:450px;
       width:920px;
       background:white;
       padding-bottom: 30px;
}

dessa forma fica bom so pra 1024 pra 1366 a tela fica pra esquerda d+ e sobra espaço pro lado direito..

caso possam me ajudar desde ja agradeço...

[zrod 0]

Você pode definir um valor máximo e um mínimo para a largura, obtendo desta forma um padrão entre diferentes resoluções, exemplo:

 

#main {
  min-width: 1024px;
  max-width: 1366px;
  margin: 0 auto; /* centraliza div */
}

[pulao 0]

beleza deu certo pro IE8 pro firefox a tela fica esticada e cai mais pro lado direito...

[Evandro Oliveira 331]

evite o uso de position se não tiver domínio pleno da propriedade.

 

Faça alinhamentos com as propriedades margin e padding.

 

 

Estude sobre box model.