Foros del Web » Creando para Internet » CSS »

div con ancho 100% con margen izquierdo

Estas en el tema de div con ancho 100% con margen izquierdo en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/02/2010, 05:53
 
Fecha de Ingreso: junio-2008
Mensajes: 109
Antigüedad: 9 años, 6 meses
Puntos: 1
div con ancho 100% con margen izquierdo

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" ?
  #2 (permalink)  
Antiguo 19/02/2010, 07:35
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: div con ancho 100% con margen izquierdo

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

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <style type="text/css">
  3. #capa{
  4.     margin:0px auto;
  5.     background:blue;
  6. }
  7. #container{
  8.     padding-left:20px;
  9. }
  10. </head>
  11. <div id="container">
  12.     <div id="capa">hola</div>
  13. </div>
  14. </body>
  15. </html>

Etiquetas: ancho, margen
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:17.