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]
*******************************************************************

Reply via email to