Or you could do the same but make the first 300px of the images transparent - so you don't need to bother about positioning 300px down.
On Mon, May 21, 2007 4:16 pm, Kepler Gelotte wrote: > > Hi Cole, > > I think the problem is the repeat-y will fill the image vertically over > the > entire contents no matter where you position it initially. You may try a > vertical 1px by 1000px (or taller than your page will ever be) image. And > use the following: > > background: > url(/resources/5661/assets/images_medical/wrapper_vertical_tile.jpg) > repeat-x 0 300px; > > Regards, > Kepler Gelotte > _____________________________________________ > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On > Behalf Of Cole Kuryakin > Sent: Monday, May 21, 2007 1:18 AM > To: wsg@webstandardsgroup.org > Subject: [WSG] Tiling image problem > > Hello All - > > I'm setting a 1px by 770px image to repeat vertically within a wrapper > div. > Difference is that I need this repeat to START 300px from the top of the > wrapper. > > So far, no luck. Here's the code: > > #wrapper { > position: relative; > width: 770px; > margin: 0 auto; > text-align: left; > background: > url(/resources/5661/assets/images_medical/wrapper_tile.jpg) repeat-y 0 > 300px; > } > > Reason I'm starting off at 300px from the top is because I need the top of > the wrapper to be transparent so the tiling body background can be seen > above and below the header, but the area behind the nav and content areas > NEED to be white. > > So, is it possible to start a tile a certain distance from the top of a > containing div? > > If so, can someone tell me what I'm doing wrong? > > If you'd like to see this live, look here: http://teratest.terapad.com > > Thanks to all in advance! > > Cole > > > > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > ******************************************************************* -- Stuart Foulstone. http://www.bigeasyweb.co.uk BigEasy Web Design 69 Flockton Court Rockingham Street Sheffield S1 4EB Tel. 07751 413451 ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
