# CSS Layout

**URL:** <https://forum.kirupa.com/t/css-layout/161236>\
**Category:** web dev\
**Created:** [September 2, 2005, 1:23am UTC](https://forum.kirupa.com/t/css-layout/161236 "2005-09-02T01:23:06Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jedhu0920](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/jedhu0920/32/905_2.png) [@jedhu0920](https://forum.kirupa.com/u/jedhu0920)\
**Post date:** [September 2, 2005, 1:23am UTC](https://forum.kirupa.com/t/css-layout/161236/1 "2005-09-02T01:23:06Z")

</div>

I have been looking through the CSS Zen Garden, trying to figure out how to accomplish this layout with CSS, but to no avail. I basically have a tiled bitmap for the background, then this middle content section with a drop shadow on it. I need to figure out how to code this in CSS. I need the purple content section in the middle to fill up the browser window (no padding on top or bottom) Can anyone lend me a hand?

(the hex on the solid bg is #3C2849 and I’ve included the BGTile and left and right shadow GIFs in the attached zip file)

[![](http://img158.imageshack.us/img158/3154/helpme3ck.th.jpg)](http://img158.imageshack.us/my.php?image=helpme3ck.jpg)