# CSS flexible layout with images

**URL:** <https://forum.kirupa.com/t/css-flexible-layout-with-images/172233>\
**Category:** web dev\
**Created:** [December 12, 2005, 6:01pm UTC](https://forum.kirupa.com/t/css-flexible-layout-with-images/172233 "2005-12-12T18:01:10Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![tommythewolfboy](https://avatars.discourse-cdn.com/v4/letter/t/b38774/32.png) [@tommythewolfboy](https://forum.kirupa.com/u/tommythewolfboy)\
**Post date:** [December 12, 2005, 6:01pm UTC](https://forum.kirupa.com/t/css-flexible-layout-with-images/172233/1 "2005-12-12T18:01:10Z")

</div>

I’ve been playing around with a few css designs but haven’t managed to create a very elegant way of creating the following FLEXIBLE page layout … anyone have any ideas? I wanted it to be 95% in width.

[![](http://img277.imageshack.us/img277/3498/layout002pt.gif)](http://imageshack.us)

The ‘slices’ in red would be non repeating while those in green would repeat-x or repeat-y

… I just seem to be ending up with a lot of divs with my design …

Thanks

tom