[vB4] How to have fluid header and fixed body?

[durruti]

Something like this:

http://www.businessinsider.com/

No options to do it in the Style Variable Editor, so I assume template edit.







Also, can this option be added into the next release?

[Lynne]

For the above_body class, you could just enter a negative margin to what you have in the body. For instance, if you body has left/right margin of 35px, then just add:

.above_body {margin-left: -35px; margin-right: -35px}

[durruti]

It works in the default skin but it doesn't keep the body width fixed.

In the stylevars I did the following:
doc_margin; I set left and right to auto
doc_width; I set the width to 1000px

What value should I add to margin left and right for .above_body?
One more thing, for .above_body, can this change be done in the corresponding template itself instead of additional CSS?

[Lynne]

If you aren't going to use a set margin, then you will need to set the doc_margin to 0 and doc_width to 100% and then add this to additional CSS (there are no stylevars for it):

.body_wrapper {width: 1000px; margin-left: auto; margin-right: auto;}

[durruti]

Nice, works like a charm.

One last question;
Do I need to change doc_maxWidth (default; auto) and doc_minWidth (default; 650px) to any corresponding numbers as well?

Thanks in advance.