adding space between a background & its border

kyllle · 11-20-2008, 12:08 PM

Hi guys just want to know how to add space between a background color and its border, basically iv tried padding but with no luck:

Code:

<style type="text/css">
  
  .box{
	width: 200px;
	height: 100px;
	background-color: #dedede;
	border: 5px solid #000;
	padding: 10px;
	}
	
  
  </style>
 </head>

 <body>
  <div class="box"></div>
 </body>

abduraooft · 11-20-2008, 12:39 PM

You may need to have two divs, like

Code:

<style type="text/css">
  .box{
	width: 200px;
	height: 100px;
	border: 5px solid #000;
	padding: 10px;
	postion:relative;
	}
	.box div{
	postion:absolute;
	width:100%;
	height:100%;
	background-color: #dedede;
	}
</style>

Code:

<div class="box" >
 <div></div>
</div>

kyllle · 11-20-2008, 03:00 PM

ah loads of thanks Abdul!!!