ajustar div a pantalla

[primiko]

Buenas, me gustaria crear un div con color de fondo que ocupe toda la pantalla menos 1 centimetros por cada lado pero sin utilizar px, em, o cosas asi porque segun el tipo de navegador y la pantalla d ecada usuario se ve de una forma o de otra

Mi priblema esque le doy los valores en el css y se ajusta por arriba y por la izquierda, pero por abajo y por la derecha se sigue quedando pegado el div al borde de la pantalla

[felipelvrd]

ponga el css del div para ver que esta haciendo

[primiko]

Código CSS:

html {
   width: 100%;
   heigth: 100%;
}
body {
   width: 100%;
   heigth: 100%;
}
#main{
background-color:#61380B;
z-index: 1000;
height: 100%;
width:100%
margin: 3px; 
 
-webkit-border-radius: 3em;
-moz-border-radius: 2em; 
}
 

ahi se me va solo por la derecha, porque no e conseguido ampliarlo hacia abajo

mi idea es que quede el div ocupando toda la pantalla tanto horizontal como verticalmente, menos un centimetro o dos de margen a cada lado

[pzin]

Si le quitas a #main la linea que especifica el ancho debería de funcionarte, aunque el problema con la altura seguirá ahí.

Lo más seguro es que le des un relleno a body:

Código CSS:

body {
  padding: 3px;
}
 

[Atomycko]

Lo que pasa es que al 100% se le suman los 3px de margen, quitalos y ponlos al body, como pone el amigo pzin

[felipelvrd]

para que ocupe toda la pantalla, puede usar posicionamiento absoluto y le pone un top, botton, left y rigth al div, como algo así

Código CSS:

body {
    margin: 0px;
    padding: 0px;
}
#main{  
    position: absolute;
    left: 50px;
    right: 50px;
    top: 50px;
    bottom: 50px;
}
 

imagino que es pagina sin scroll?

[primiko]

lo corregi y puse como vosotros me haveis dicho, y ya me funciono, muchisimas gracias a todos