background stretches too much
5 posters
Page 1 of 1
background stretches too much
Having an issue with the background once again..
this is the background picture, I increased the size so it wouldent stretch that much.. but its still stretching it like a son of a gun and as u can see the background is huuuge,, how big does it have to be before this code
body {
background:url(https://i.servimg.com/u/f19/16/87/57/90/spyro_10.jpg) fixed no-repeat 0 0 #000;
background-size:100% 100%;
}
stops stretching so much it becomes pixalated??
tried this one as well
https://i.servimg.com/u/f65/16/87/57/90/bigger10.png
but it still gets stretched to pixalation
this is the background picture, I increased the size so it wouldent stretch that much.. but its still stretching it like a son of a gun and as u can see the background is huuuge,, how big does it have to be before this code
body {
background:url(https://i.servimg.com/u/f19/16/87/57/90/spyro_10.jpg) fixed no-repeat 0 0 #000;
background-size:100% 100%;
}
stops stretching so much it becomes pixalated??
tried this one as well
https://i.servimg.com/u/f65/16/87/57/90/bigger10.png
but it still gets stretched to pixalation
Re: background stretches too much
Can you add the background back so I can have a look at in in dev tools.
Remember to mark your topic when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?
Team Leader
Review Section Rules | Request A Review | Sticker Points
Re: background stretches too much
alright I've added it back in there for you brandon.
Edite: I removed it cause Its been a while since I posted this and id ont like people seeing it like that.
Edite: I removed it cause Its been a while since I posted this and id ont like people seeing it like that.
Re: background stretches too much
The problem is the image isn't tall enough to reach the entire height of the page, so no matter what you try it's going to stretch and distort a little bit to reach the entire height. What I would recommend if you have the psd file or a way to make the image itself bigger without distorting it would be to make the image 920px which the entire height of the page. Then it won't stretch.
Also have you tried adding the background in the Admin Panel rather than css?
Also have you tried adding the background in the Admin Panel rather than css?
Remember to mark your topic when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?
Team Leader
Review Section Rules | Request A Review | Sticker Points
Re: background stretches too much
920 is the height? not sure if 920px is the same as setting the canvas size in paint.net to 920 ??
annd also yes but it no work either.
aslo if that's so what should be the width too?
annd also yes but it no work either.
aslo if that's so what should be the width too?
Re: background stretches too much
Hey @SpyroDragon,
Replace:
Replace:
- Code:
body {
background:url(https://i.servimg.com/u/f19/16/87/57/90/spyro_10.jpg) fixed no-repeat 0 0 #000;
background-size:100% 100%;
}
- Code:
html {
background: #161718 url(https://i.servimg.com/u/f65/16/87/57/90/bigger10.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
background-color: transparent;
}
Similar topics
» Calander stretches to much
» PM main stretches layout
» Portal news box stretches further right
» Code stretches out layout
» Transparent Widget Background (Edit: Or just another background)
» PM main stretches layout
» Portal news box stretches further right
» Code stretches out layout
» Transparent Widget Background (Edit: Or just another background)
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum