Background sizing help please
Replies
Hey all
I'm attempting to get Sininen's background to fit the whole screen and not have it repeat or scroll but i just cannot work out how to do it. I'm using the same coding from Tulla but for some reason its not working.
Any help or suggestions please.
Coding i am using atm
<style> html {background-color: ; font-family: Arial; background-image: url(http://i277.photobucket.com/albums/kk45/mjfeather/sinbg3.jpg); background-repeat: no-repeat; } {position: absolute; left: 0px; top: -26px; background: transparent; } , -right, -top, -inner {display: none;} -lrc, -ban, , {display: none;} {background: ; } {position: absolute; top: 50px; left: 50px; width: 640px; font-family: Arial; background: transparent url(http://i263.photobucket.com/albums/ii154/dreamskymoon/petprofilebgmiddleclear.png) repeat-y; overflow: visible; } {background-color: ; overflow: none;} {color: ; font-family: Arial;} a:link, a:active, a:visited {color: ; padding: 6px; } a:hover {color: [HOVER TEXT COLOR]; padding: 5px; background-color: [HOVER BACKGROUND COLOR]; border: 1px solid [HOVER BORDER COLOR]; text-decoration: none;} blue {color: ; font-family: Arial;}
;){kind=link}
{width: 130px; position: absolute; top: 60px; left: -150px; } , , , div#footer, , {display: none;} , , , , , , {background: ; border: ;} h2 {display: none;} h1 {color: ; font-family: Arial; font-size: 22px;} </style> <div id=bgtop><img src=></img></div> <center> Originally coded by: <br>Edited by: <br><br> <a href=http://subeta.net/>Subeta Homepage</a> : <a href=http://subeta.net/explore/>Explore</a> : <a href=http://subeta.net/inventory.php>Inventory</a> : <a href=http://subeta.net/forums/index.php>Forums</a></center><br><br> <center> Details about Tulla coming soon.
</center>
After the background-image url, you can add in this:
background-size: 1500px 900px;
Just use whatever your screen size is, or how big you want the image to be. :)
Thanks, that works.
Though is there is a way for it to auto size to the screen size thats viewing the lookup?
I tried some things, but nothing worked for me xD Maybe someone else will be able to help with that?
yep, this is the code i use for scaling backgrounds. that way the background will fill the screen no matter how big or small the viewer makes their browser window 😊
html {background:url(URL) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover}
you can see an example of this code in action on my pet flowering's profile.
