mainWrapper

[Soniccc]

Hi,

Does anyone konwo how to get the mainWrapper to display on top of a background image. Currently the background-image (of another element) blots out the border of mainWrapper. This occurs at the place of the footer..

www.develop.centuriongames.se

Thanks !
Jacob

[gjh42]

Is there another reason for the #outer-wrapper beside holding the outside background image? If not, scrap all that and go back to the default wrapper structure, and apply the background-image to the body{} rule.

If you need the outer-wrapper for something else, either make the footer the same width as #mainWrapper or give it a transparent background (remove background-color). Why are you adding a separate footer div outside #mainWrapper? Why not just style #navSuppWrapper as you want?

A picture of the results you want to see would help us advise on the best way to proceed.

[Soniccc]

Thanks! I appreciate this very much.

Well, this is the lay-out I would like. I thinks it looks real cool... classy.. (and perhaps a little boring)..

//Jacob

[gjh42]

OK, so the "footer" is not intended to be a functional footer but just a white band at the base of the page.
You might give both #mainWrapper and #footer position: relative; and z-index: ##; with #footer having a lower z-index. You will probably need to put the #mainWrapper shadow as part of the #footer background.

[Soniccc]

K. I see. I'll try that. I really appreciate this help. Thanks a lot!

//Jacob

[Soniccc]

Worx Great!!!