div con ancho 100% con margen izquierdo

angeldelolmo · #1 (**permalink**) 19/02/2010, 05:53

Hola!

Necesito aplicarle un estilo a un div de modo que ocupe toda la pantalla pero que siempre haya un margen de 20px a la izquierda.

El problema es que si le pongo los 20 píxeles, me sale un scroll en el navegador...

Cómo hago para que el el div ocupe "toda la pantalla - 20 px" ?

maycolalvarez · #2 (**permalink**) 19/02/2010, 07:35

anida el div en otro y colocale al contenedor: padding-left:20px;

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
#capa{
    margin:0px auto;
    background:blue;
}
#container{
    padding-left:20px;
}
</style>
</head>
<body>
<div id="container">
    <div id="capa">hola</div>
</div>
</body>
</html>