I would change the height from 100% to auto to maintain the aspect ratio of the picture.
On Mon, Jun 30, 2008 at 10:19 PM, Per Allan Johansson <[EMAIL PROTECTED]> wrote: > I do it here: > http://www.sydost.no/ > > Like this, in <head> > <style type="text/css"> > html {height:100%;} > body {height:100%; margin:0; padding:0;} > #bg {position:fixed; top:0; left:0; width:100%; height:100%;} > .outer_framework {position:relative; z-index:1;} > </style><!--[if IE 6]><style type="text/css"> > html {overflow-y:hidden;} > body {overflow-y:auto;} > #bg {position:absolute; z-index:-1;} > .outer_framework {position:static;} > </style><![endif]--> > > And then I include the picture in my html, not the coolest thing but it > works: > <div id="bg"><img alt="" height="100%" > src="http://www.sydost.no/images/bg.jpg"; width="100%" /></div> > > Hope it helps. > > Kind regards > Per Allan Johansson > Enonic > > > dwain <[EMAIL PROTECTED]> skrev følgende den 30.06.08 22.04: > > > this is true. > > > > On 6/30/08, Matijs <[EMAIL PROTECTED]> wrote: > >> SVG is not really suitable for photos though. > >> > >> On Mon, Jun 30, 2008 at 7:24 PM, dwain <[EMAIL PROTECTED]> wrote: > >>> it seems that it used to, but the browser rendering has changed. i > >>> read, not too closely, in the svg specs how to edit the files to make > >>> it fit "infinite" screen resolutions. > >>> > >>> > >>> > >>> > >>> > >>> On Mon, Jun 30, 2008 at 12:05 PM, Joseph Ortenzi <[EMAIL PROTECTED]> > >>> wrote: > >>>> I would have though a simple CSS width:100%; , height:auto might do > it? > >>>> does it need to be a background and will it conflict with anything > >>>> at different sizes? > >>>> ? > >>>> On Jun 30, 2008, at 05:15, dwain wrote: > >>>> > >>>> On 6/29/08, Chris Pearce <[EMAIL PROTECTED]> wrote: > >>>>> > >>>>> Hi, > >>>>> > >>>>> > >>>>> > >>>>> Has anyone been able to successfully scale a CSS background image to > >> the > >>>>> current window size? I've done some research via Google and it > appears > >> this > >>>>> can't be done purely with CSS (at least not yet), maybe some > >> JavaScript? > >>>> > >>>> there is a way to do it by using svg images, but i'm unclear on the > >>>> process. i think that the svg files has to be edited for the images > to > >>>> scale to a screen's resolution. but anyway, svg is the wave of the > >> future > >>>> for web images. > >>>> cheers, > >>>> dwain > >>>> > >>>> > >>>> -- > >>>> dwain alford > >>>> "The artist may use any form which his expression demands; > >>>> for his inner impulse must find suitable expression." Kandinsky > >>>> > >> ******************************************************************* > >>>> List Guidelines: > >> http://webstandardsgroup.org/mail/guidelines.cfm > >>>> Unsubscribe: > >> http://webstandardsgroup.org/join/unsubscribe.cfm > >>>> Help: [EMAIL PROTECTED] > >>>> > >> ******************************************************************* > >>>> > >>>> ========== > >>>> Joe Ortenzi > >>>> [EMAIL PROTECTED] > >>>> http://www.typingthevoid.com > >>>> > >>>> > >>>> > >> ******************************************************************* > >>>> List Guidelines: > >> http://webstandardsgroup.org/mail/guidelines.cfm > >>>> Unsubscribe: > >> http://webstandardsgroup.org/join/unsubscribe.cfm > >>>> Help: [EMAIL PROTECTED] > >>>> > >> ******************************************************************* > >>> > >>> > >>> > >>> -- > >>> dwain alford > >>> "The artist may use any form which his expression demands; > >>> for his inner impulse must find suitable expression." Kandinsky > >>> > >>> > >>> > >> ******************************************************************* > >>> 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] > >> ******************************************************************* > > > > > > ******************************************************************* > 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] *******************************************************************
![http://www.sydost.no/images/bg.jpg"](http://www.sydost.no/images/bg.jpg"){kind=link}