CSS 3 Column float (2 fixed, 1 dynamic)

Question

I\'m designing a header which is made of 3 parts.

The page must be fluid: min-width:940px; max-width:1200px;

The first two parts of the header will

Answer 1

I don't have enough reputation to comment, but I just wanted to endorse the correctness of the previous answer. I was looking for something slightly different: fixed-liquid-fixed, so tweaked it as follows:

Key points to notice: - margins, with float, are used to prevent the body overlapping with the edges. - in my case, you need to reverse the order of the divs in the html - you actually don't need a div for the "middle". One site that does without is the quirksmode blog (it just sets margins directly on the "body" element): http://www.quirksmode.org/blog/archives/browsers/index.html