Question

I am trying to position divs nested within a centred wrapper so that they don’t move when I adjust the size of a browser. The idea is similar to the Facebook homepage where all the divs stay centred and don’t move relative to each other when the page is made bigger.

All of my divs are nested in this:

#header {
    width: 750px;
    margin: 0 auto;
    }

What do I have to do to position the divs within? Is it something to do with positioning?

Sorry this is a bit of a vague explanation, please do ask for clarification!

Any help would be much appreciated, thanks.

Answer 1

You should probably have a clearfix class for that container div (See http://www.positioniseverything.net/easyclearing.html)

As for the inner DIVs, float: left; and an explicitly defined width is all you need to have them appear side by side.