left y right en px

kaninox · #1 (**permalink**) 16/09/2010, 07:56

Hola muchachos tengo una duda, resulta que tengo un div expandible con un fondo el cual tiene un borde de 6px, entonces dentro pongo otro div el cual tiene otro fondo y hace scroll por lo cual me gustaria adaptarlo a estos 6 px, yo hago

Código CSS:

Ver original<div style="position:absolute;width:100%; top:0px; bottom:0px;>
<div style="position:relative;width:100%; margin:auto;top:6px;bottom:6px;">Este div lo quiero con los bordes</div>
</div>

omití los background para no poner tanto código, si le pongo un left:6px; y un right:6px; crei que me iba a tomar de igual forma como el top y el bottom pero no me resulta :/ alguna idea.

DragonX · #2 (**permalink**) 16/09/2010, 09:18

Algo asi:

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>New Document</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
  </head>
  <body style="margin:0;padding:0;">
      <div style="position:absolute;width:100%;border:1px solid #000;">
        <div style="position:relative;width:100%; margin:6px 0 6px 0;border:1px solid #f00;">Este div lo quiero con los bordes</div>
      </div>
  </body>
</html>