# Simple 3 col layout with CSS

**URL:** https://forum.kirupa.com/t/simple-3-col-layout-with-css/298449
**Category:** Uncategorized
**Created:** [October 19, 2009, 11:51am UTC](https://forum.kirupa.com/t/simple-3-col-layout-with-css/298449 "2009-10-19T11:51:06Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![jeancnicolas](https://avatars.discourse-cdn.com/v4/letter/j/7bcc69/32.png) [@jeancnicolas](https://forum.kirupa.com/u/jeancnicolas)
#### Post date: [October 19, 2009, 11:51am UTC](https://forum.kirupa.com/t/simple-3-col-layout-with-css/298449/1 "2009-10-19T11:51:06Z")

</div>

hi there … im trying to work out a 3 column header for a site …

where i have a flash menu in the header set at a width of 960px. And either side of the flash menu, I want the two other columns to repeat the bg.png so that it seemlessly fills to the side of the browser. Thus the flash is centralised.

so basically it looks like::

\<header\>width:100% height:26px.  
\<cleft\>has a background, at width ? auto?  
\<flash\>width: 960px height:26px  
\<cright\>has a background at width ? auto?  
\</header\>

Can anyone give me a hand with the css?! I have had a go with floats and clearing etc … I just cant do it when the flash is involved!

thanks!!!