# Shadow borders in CSS

**URL:** <https://forum.kirupa.com/t/shadow-borders-in-css/65448>\
**Category:** Uncategorized\
**Created:** [September 26, 2004, 3:04pm UTC](https://forum.kirupa.com/t/shadow-borders-in-css/65448 "2004-09-26T15:04:59Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![opel](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/opel/32/199_2.png) [@opel](https://forum.kirupa.com/u/opel)\
**Post date:** [September 26, 2004, 3:04pm UTC](https://forum.kirupa.com/t/shadow-borders-in-css/65448/1 "2004-09-26T15:04:59Z")

</div>

I want to be able to create the shadow borders that you find on CSS built sites such as [site example . i;ve tried a tutorial that I [URL=http://old.thoughtanomalies.com/archives/2004/06/20/fluid\_shadows/]found here](http://www.shauninman.com/) but I couldn’t get it to work. The page laid out but the shadows didnt appear as I tried to make my own gif shadows.

Can anyone help me with this tutorial, point me in the dirrection of another one or tell me what I need to know.

Thanks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 27, 2004, 1:25am UTC](https://forum.kirupa.com/t/shadow-borders-in-css/65448/2 "2004-09-27T01:25:27Z")

</div>

[http://search.atomz.com/search/?sp-q=drop+shadows&sp-a=sp1002d27b&sp-f=ISO-8859-1&sp-p=All&sp-k=All](http://search.atomz.com/search/?sp-q=drop+shadows&sp-a=sp1002d27b&sp-f=ISO-8859-1&sp-p=All&sp-k=All)  
this will keep you occupied for a while. 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 27, 2004, 9:04am UTC](https://forum.kirupa.com/t/shadow-borders-in-css/65448/3 "2004-09-27T09:04:20Z")

</div>

thanks I’ve looked at all these already but there for full drop shdaows. I’m just looking for shadows that appear on the left and right side of my content area like in my example.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 28, 2004, 8:43pm UTC](https://forum.kirupa.com/t/shadow-borders-in-css/65448/4 "2004-09-28T20:43:03Z")

</div>

my site, [www.krisgosser.com](http://www.krisgosser.com), is made like that. You don’t _NEED_ to use CSS. I just used a transitional CSS method and used tables too. Then you can put the shadow as a cell background and it’ll extend down as long as the page is.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 28, 2004, 9:42pm UTC](https://forum.kirupa.com/t/shadow-borders-in-css/65448/5 "2004-09-28T21:42:59Z")

</div>

thanks kris. I had a look at your source code but I’m trying to do it with the CSS. I know its relitively simple I think I’m just missing something.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 28, 2004, 10:07pm UTC](https://forum.kirupa.com/t/shadow-borders-in-css/65448/6 "2004-09-28T22:07:40Z")

</div>

Ah, in that case:

[http://www.alistapart.com/articles/fauxcolumns/](http://www.alistapart.com/articles/fauxcolumns/) But yo can use it to generate shadows aswell.