[thelist] some css help

VOLKAN ÖZÇELİK volkan.ozcelik at gmail.com
Thu Sep 1 08:41:13 CDT 2005


I do the effect by nesting two divs and positioning one relative to the other:

<style type="text/css" media="all">
	#ContainerShadow{
		position:relative;
		top:100px;
		left:100px;
		width:485px;
		background:#C9D0DF;
		border:1px #878D9B solid;
	}

	#Container{
		padding:10px;
		position:relative;
		top:-20px;
		left:-20px;
		color:#002352;
		background:#aaccff;
		border:1px #0046A8 solid;		
	}
</style>


<div id="ContainerShadow">
<div id="Container">
	<p>lorem</p>
	<p>lorem</p>
	<p>lorem</p>
	<p>lorem</p>
	<p>lorem</p>
</div>
</div>

HTH,
Volkan.


More information about the thelist mailing list