Re: [WSG] Scaling a background image
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=bgimg 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]
***
Re: [WSG] Scaling a background image
Off topic to the list maybe but this might also be interesting for those who like SVG: http://vectormagic.com/ It converts bitmaps to scalable vector graphics and does an impressive job at that :) On Tue, Jul 1, 2008 at 12:02 AM, Matthew Holloway [EMAIL PROTECTED] wrote: On Tue, Jul 1, 2008 at 7:04 AM, Matijs [EMAIL PROTECTED] wrote: SVG is not really suitable for photos though. Which is mostly true but SVG can contain bitmaps and as the goal is to scale the bitmap to 100% anyway then using SVG as a container format would be appropriate (or at least identical to bitmaps, aside from file size). Unrelated, but here's an example of using SVG vectors for a background image... http://holloway.co.nz/wellypug/svg/svg-test2.html .Matthew Holloway http://docvert.org/ http://holloway.co.nz/ *** 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] ***
Re: [WSG] Scaling a background image
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] ***
Re: [WSG] Scaling a background image
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] ***
Re: [WSG] Scaling a background image
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] ***
Re: [WSG] Scaling a background image
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] *** -- 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] ***
Re: [WSG] Scaling a background image
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=bgimg 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]
***
Re: [WSG] Scaling a background image
On Tue, Jul 1, 2008 at 7:04 AM, Matijs [EMAIL PROTECTED] wrote: SVG is not really suitable for photos though. Which is mostly true but SVG can contain bitmaps and as the goal is to scale the bitmap to 100% anyway then using SVG as a container format would be appropriate (or at least identical to bitmaps, aside from file size). Unrelated, but here's an example of using SVG vectors for a background image... http://holloway.co.nz/wellypug/svg/svg-test2.html .Matthew Holloway http://docvert.org/ http://holloway.co.nz/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Scaling a background image
This looks pretty good, I'll give it a whirl.
Thanks
solutions for a digital world
Exchange Server 2007
Built-in Protection, Anywhere Access, Operational Efficiency
BLUEARC WILL HELP YOU MAKE THE MOVE. FIND OUT HOW
level 1, 11 albany street
st leonards nsw 2065
p: 02 9467 2500
d: 02 9467 25
f: 02 9431 5999
e: [EMAIL PROTECTED]
w: www.bluearcgroup.com
ARE YOU READY FOR NEXT GENERATION WEB TECHNOLOGY?
Leading the way in Web Content Management, IgnitionSuite Version 3.0 prepares
you for the future of the web.
To learn more call 9467 2500 or email [EMAIL PROTECTED]
Privileged - Private Confidential
This email and files transmitted with it are intended solely for the use of the
addressee(s) and may contain information which is confidential or privileged.
If you are not the intended recipient, be aware that any disclosure, copying,
distribution or use of this email or any attachment is prohibited. If you
receive this email and you are not the addressee, or you have received this
email in error, please disregard the contents of the email, delete the email
and notify the author immediately.
Please consider the environment before printing this e-mail
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Per Allan
Johansson
Sent: Tuesday, 1 July 2008 6:19 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Scaling a background image
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=bgimg 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
Re: [WSG] Scaling a background image
Chris Pearce 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? Is this the sort of thing you mean: http://www.bluelightning.com.au/ The image reduces in size at smaller screen resolutions. Lyn WesternWeb Design Perth Western Australia *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Scaling a background image
On Mon, Jun 30, 2008 at 12:12 PM, Chris Pearce [EMAIL PROTECTED] wrote: 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? Here's a CSS and HTML way of doing it for those browsers that understand position:fixed, http://holloway.co.nz/mefi/fullscreenbackground2/ For those browsers that don't you'd need to emulate it with JavaScript... window.onscroll to move the #background down the page with the scroll position. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Scaling a background image
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] ***
