Go Back to Dynamic Site Solutions :: CSS

Stretched Fixed Position Background Image

This works more or less in IE4+/Win, Firefox, Netscape 6+, Opera 6+, Safari, and Konqueror 3.3+. The older versions of the browsers included in that list are a little buggy. For example, mouse scrolling doesn't work in IE4 and IE5.0/Win. I had to use two hacks and specify fixed heights for the two <div> elements that are direct children of the <body> element to get this to work acceptably in IE5/Mac.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec scelerisque purus vitae wisi accumsan fringilla. Aliquam nibh elit, imperdiet eu, scelerisque at, condimentum eget, leo. Nam dolor. Etiam rutrum. Nullam nulla nibh, sollicitudin in, dictum ut, ullamcorper id, mauris. Aenean ultricies, erat quis aliquet pellentesque, sapien nulla posuere nunc, sed tincidunt wisi wisi id quam. Donec magna ante, pellentesque eu, posuere sed, ultrices sed, velit. Sed id velit. Quisque sollicitudin lacus a ante. Etiam aliquam. Nulla vitae lectus. Mauris ante neque, blandit id, vehicula nec, iaculis vitae, wisi. Mauris quis elit sed quam interdum sollicitudin. Curabitur congue egestas velit. Nulla feugiat placerat felis. Praesent felis tellus, rutrum et, faucibus eget, sagittis non, ligula. Fusce porta, lorem at convallis vehicula, arcu eros egestas tellus, in bibendum ante metus vel nisl. Sed erat nulla, vulputate vel, fermentum et, feugiat nec, eros. Pellentesque augue tortor, rutrum eu, mattis id, ornare vitae, sapien.

Fusce convallis, odio eu commodo ornare, risus wisi scelerisque lectus, non feugiat sem turpis sit amet velit. Donec a mauris vitae diam mollis dapibus. Donec dignissim ultrices tellus. Curabitur sagittis dictum turpis. Integer accumsan wisi. Proin sodales pellentesque nibh. Nunc ultrices, libero sit amet aliquet egestas, dui wisi vehicula purus, ac ornare pede erat eu arcu. Nunc nec lacus posuere enim sodales luctus. Praesent vitae neque. In wisi nibh, sodales blandit, egestas eu, ultrices at, est. Suspendisse ullamcorper tincidunt sapien. Aliquam ac nisl vitae eros cursus aliquam.

Suspendisse potenti. Donec ornare fermentum nibh. Ut fringilla dolor euismod mi. Curabitur nonummy condimentum elit. Nunc laoreet tortor sed leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla congue libero vitae urna. In cursus, diam a accumsan aliquam, urna sem aliquet ligula, ac dictum urna risus ut nulla. Cras neque urna, nonummy at, viverra sed, euismod eget, eros. Pellentesque interdum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus imperdiet, nibh sit amet vehicula tristique, augue nunc commodo leo, sit amet auctor nibh magna non risus. Nulla aliquam ultrices sapien. Donec risus risus, malesuada nec, vulputate eu, volutpat nec, lorem. Nam sed nibh. Duis ultrices. Aenean ut neque. Nam tincidunt odio in mi. Morbi nulla. Cras venenatis sagittis lectus.

Related Links:

Last update: 2008-01-16