How to divide this header using CSS?

HTML & CSS
1

Hi guys

I want to divide my header like this link below,
http://coder9.com/img/header.jpg

height must be 1000px.
width must be 150px.

Also I want it to put it inside the top header of this sample page below,
http://csseasy.com/layouts/fluid/1column.html

And center it.
Also must be cross browser.

Can you show me the right CSS codes for this.

Thank you in advanced.

2

Ummm … are you sure? :lol:

To get that layout shown in the image, float the inner elements left and right as appropriate. Also give overflow: hidden to the container.

So, for example, inside #header put a div like “header-inner”, give it the desired width (say 1000px), and center is with margin: 0 auto; Also give it overflow: hidden;

Inside that, have the box for the left side floated left, and the box containing the boxes to the right floated right.