Scaling Background image
Scaling Background image
- Started
- Last post
- 18 Responses
- Claymantis
Does anyone know an all browser compatible way of having the background image scale with the browser window?
Thanks
- Claymantis0
Using CSS.
- fxone0
- Nice !Claymantis
- who do you think you are, utopian?monospaced
- kraken is the new lolcatfxone
- Thats not a Kraken...Claymantis
- It's the original Kraken©Pixter
- ckentish0
- It works but it doesn't scale the image proportionally.Claymantis
- http://css-tricks.co…ckentish
- Claymantis0
CSS scaling background image anyone!?
- mrghost0
oo just keep asking... these guys are really keen on helping and holding mother fuckers hands and shit.
- fuck youmonospaced
- awwww!!!mrghost
- he just seemed a little needy there and i wanted to bump the thread and make funmrghost
- fxone0
can u somehow check out the code here http://serialcut.com/
- OSFA0
I think i have one bookmarked... let me check
- Salarrue0
here is the single one: http://buildinternet.com/2009/02…
- kerus0
img { max-width: 100%; }
- jimbojones0
<head>
<style type="text/css">
html, body, #bgimg {
width: 100%;
height: auto;
}
body, #bgimg {
padding: 0;
margin: 0;
}
#bgimg {
position: fixed;
top: 0px;
left: 0px;
}
</style>
</head>
- Claymantis0
It only works in safari.
Can someone tell me why?
- DoktorDavid0
- and I just noticed the CSS is actually goofed... still works though... cool... the internets is so forgiving...DoktorDavid
- And now repaired... works appropriately in IE, MZ and Chrome...DoktorDavid
- ff3 mac proportions are fucked up
unless you look like thisjimbojones - Sorry; no Apple/Mac to test with... thanks for the look...DoktorDavid