On Fri, 25 Jul 2008 15:30:59 -0500, RePost wrote: > David Hucklesby wrote: >> On Wed, 23 Jul 2008 23:30:57 -0500, RePost wrote: >> >>> 1. Is there any way I can get the outer wrapper background to load before >>> the >>> content? The background image in the outer wrapper does not multiply >>> vertically >>> (repeat-y) until all the content has loaded. This happens in Firefox and >>> not IE. >>> >> >> Yes. You can pre-load background images by including them in the >> markup at the top of the page BODY. Apply a width=1, height=0 so >> they don't take up space, and enclose them in a DIV that's positioned >> "off-left" >> using your favorite method for doing it. >> >> Because in-line images generally load before those declared in CSS, >> this method is pretty effective cross-browser. Just be sure to give >> them a dimension so they are in fact downloaded. I find that the >> 1-pixel width I used above works pretty well. (Hat-tip to Thierry >> for this, from his "TIP" image placement.[1]) >> >> [1] <http://www.tjkdesign.com/articles/tip_5.asp> >> >> > I have to admit defeat here, David, as this routine appears to be way over my > head. > > I have a 20x2000px background image that I want to repeat horizontally. I'm > really not > getting how the TIP method will work with this. > ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Sorry. Red herring. I was not suggesting you use Thierry's TIP method. I just like his method of loading an image, but making it invisible, by specifying its width and height as 1 x 0 pixels. > Also, what do you mean by "off-left"? Float:left? > Perhaps I should eschew obfuscation. ;) Here's a couple of references to "off-left" techniques: <http://css-discuss.incutio.com/?page=OffLeft> <http://phark.typepad.com/phark/2003/08/accessible_imag.html> Example code: HTML ==== <div class="preload"><img src="images/some-background.png" alt="" width=1 height=0></div> CSS === .preload { text-indent: -999em; } Hoping this is more helpful, Cordially, David -- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
