[CSS] bg img right bottom

diabolo

Community Advocate
Community Support
Messages
1,682
Reaction score
32
Points
48
Code:
body {
  background: #FFFFFF url(images/bg.png) no-repeat;
  background-position: 100% -100%;
  color: #000000;
  padding-top: 100px;
}
is the CSS, I have put the background position 100 -100
but the img is not appearing at the bottom right
 

deadimp

New Member
Messages
249
Reaction score
0
Points
0
Try putting the flags 'right bottom' in your background declaration. If not, maybe there's a -right and -bottom property you can set.
 

Calipe

New Member
Messages
151
Reaction score
0
Points
0
The reason it is not showing is because your image is 100% up in the y direction, therefore it will not show. Try it in pixels, or try less of an amount of percentage.
 

mattura

Member
Messages
570
Reaction score
2
Points
18
It's tricky due to different screen resolutions...
I don't know a good way with CSS (unless 'background-position: bottom right;' works for you...), but you can do it with javascript using the 'screen.height' property
 

diabolo

Community Advocate
Community Support
Messages
1,682
Reaction score
32
Points
48
I found a way guys, I had to stretch the HTML to 100% height, since it ended the <html> tag after my content, which also ended the <body>
 
Top