# Container - side / bottom drop shadow

**URL:** <https://forum.kirupa.com/t/container-side-bottom-drop-shadow/201951>\
**Category:** Uncategorized\
**Created:** [September 26, 2006, 2:35pm UTC](https://forum.kirupa.com/t/container-side-bottom-drop-shadow/201951 "2006-09-26T14:35:57Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dirksmith](https://avatars.discourse-cdn.com/v4/letter/d/47e85d/32.png) [@dirksmith](https://forum.kirupa.com/u/dirksmith)\
**Post date:** [September 26, 2006, 2:35pm UTC](https://forum.kirupa.com/t/container-side-bottom-drop-shadow/201951/1 "2006-09-26T14:35:57Z")

</div>

Hi

I’d like to insert a border shadow into a container div - onto both sides and on the bottom - and that is expandable length wise to accomodate different page lengthes.

This is the effect I’d like to recreate using CSS:  
[http://www.walkertest.co.uk/condor/w01540\_condor\_web/test.html](http://www.walkertest.co.uk/condor/w01540_condor_web/test.html)

I’ve checked out the articles on alistapart on applying shadow borders but these seem to apply a fixed length jpeg image.

Does anyone have any solutions for achieving this with css?

Thanks

Dirk