View Full Version : Three Columns Div question

06-14-2010, 03:58 AM

I have a header. Right now, it is only a div wrapped in another div, and placed at the center of the screen using the css margin:0 auto.

I want to make it into 3 divs. Left, Center (the header) and Right. The reason is that, there's a line at the header image that should run from the left side to the right side of the screen. Right now, there's only empty space at the left and the right side of the header image.

The question is, how do i place the header (center div) to be centered? The header div has a fixed layout, it's always 900px width. I think the margin:0 auto won't work anymore. How should i set the width of the left and right divs?

Thank you

06-14-2010, 06:21 AM
Hello thesti,
This example of a simple 3-column layout (http://nopeople.com/CSS/simple3column/index.html) is about as easy as it gets. You should be able to solve your problem with that.
If you need more help, post some code or link us to the test site and we'll take another look.

Major Payne
06-15-2010, 06:20 AM
Additional fixed CSS layouts are available here with many 3-column examples:



Free to use.