Question

I use VS2010/C# to develop an ASP.NET web app, I’ve used a big background image for my page (it is 1400×1100), I want this background to be centered and screen-fit in all resolutions, for instance if resolution is 1280×1024, image width should fit to this smaller width, also it should always be centered (horizontally), how can I achieve it?

thanks

Answer 1

One simple idea with out javascript…

<div style="position:fixed;z-index:2;">
 content here
</div>

<div style="position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;">
    <img src="/img/YourBigImage.jpg" height="100%" width="100%" />
</div>

The idea is that I place one div over the other. The background div is set to full page and the image set to fit this size using the 100% as height and width. I test it and work for me, but I do not know what happends with your content, if the content is too big or complicate, how the background div will be fit.