Question

I have two divs. One should be positioned 5% from the left window border, the other should be to the right of the previously mentioned div and centred relative to window width. If the window is made too narrow it should not overlap the first div, and it should not move below either.

Whatever comes after should be positioned below the tallest of the first two divs.

How can I do this?

The closest I’ve come is to use a float for the first div. http://jsfiddle.net/7qVLm/

edit: Here’s the final result that I’m happy with: http://jsfiddle.net/ATHpg/

Thanks to both @Christopher Smithson and @gmebeh whose answers helped me to get to this solution.

Answer 1

Here’s a fiddle to consider for your solution.

http://jsfiddle.net/f2Muj/5/