Unfortunately, the link is intranet. I could perhaps attempt to post the skeletal code of the test version, if it's really required.
>From your earlier email I'm starting to gather that if an image is wider than the width of the div (or even browser window), auto-fitting isn't going to be a problem. So, if the image is smaller in width (like in my case), should I guess there's no way to stretch it without CSS 3 support ? Thanks, Mathew On 7/6/08, Kepler Gelotte <[EMAIL PROTECTED]> wrote: > > I can't help you without a link. Please reply to the list and not this > email. > > > > Best regards, > > *Kepler Gelotte* > > Neighbor Webmaster, Inc. > > 156 Normandy Dr., Piscataway, NJ 08854 > > www.neighborwebmaster.com > > phone/fax: (732) 302-0904 > ------------------------------ > > *From:* Matt 0000 [mailto:[EMAIL PROTECTED] > *Sent:* Sunday, July 06, 2008 12:37 AM > *To:* Kepler Gelotte > *Cc:* [email protected] > *Subject:* Re: [WSG] To stretch an image within a div ?? > > > > > > Kepler, > > Thanks for the quick reply. > > > > I'm using a 3 column elastic design with a min-width of 54 em. The > content div stretches like a hybrid does, but the left and right sidebars > don't. The header and footer will stretch without a problem as well. The > content is embedded between the sidebars and the header doesn't quite reach > the window edges because of a dliberate 10px margin. Adding the CSS for > clarity: > > > > div.leftSidebar { > width: 10em; > float: left; > } > > div.rightSidebar { > width: 10em; > float: right; > } > > div.content { > min-width: 30em; > margin-left: 10em; > margin-right: 10em; > } > > div.footer { > clear: both; > } > > I had tried chaning the width and overflow. No visible effects were > observed. > > Have I logically omitted or overlooked something here ? > > > > Thanks again, > > Mathew > > > > > > > > On 7/5/08, *Kepler Gelotte* <[EMAIL PROTECTED]> wrote: > > Hi Matt, > > > > If you stretch the <img> (you can't stretch a background-image as far as I > know), you will definitely not be happy with the results. > > > > I am assuming you have a flexible design where the content expands to fit > the width of the browser's window? If that is the case, create a very wide > image and then use: > > > > div.header { > background-image: url(images/large_logo.gif); > background-repeat: no-repeat; > > height: 200px; > > width: 100%; > overflow: hidden; > > } > > > > You can see an example of this technique I used on a web site I created a > while back: http://www.freightturntables.com > > > > Best regards, > > *Kepler Gelotte* > > Neighbor Webmaster, Inc. > > 156 Normandy Dr., Piscataway, NJ 08854 > > www.neighborwebmaster.com > > phone/fax: (732) 302-0904 > > > > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > ******************************************************************* > > > > > ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
