[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