With a few lines of css, we can apply a background image re-sizable at 100% with the browser’s windows.
Both the body of the page then the background image (with id=”"background") have a width and height of 100%.
Their margins and paddings are imposted to null to avoid a white space around them.
With the css property overflow, we avoid that the lateral scrollbar of the browser’s window is displayed.
Finally, the background image is positioned in a absolute way to remove it from the natural flux of the page and to allow it to be re-dimensioned correctly.
{ 6 comments }
