Results 1 to 4 of 4
Dec 6, 2013, 01:13 #1
Why my background image looks ugly in some window sizes
I've positioned a background image as the code below:
background: url(../images/picture.png) 49% 0% no-repeat transparent;
The url is: http://meldville.com/index.php
Dec 6, 2013, 07:03 #2
- Join Date
- Mar 2009
- Melbourne, AU
- 460 Post(s)
- 8 Thread(s)
I can't see anything wrong with that page, even if I move the browser window around etc. Can you clarify? There's no bg image that I can see.
Dec 7, 2013, 01:32 #3
Thanks for response.
It's the image of the ? symbol on the footer of the page. It looks as it supposed to be on some screen. But on some screen it is higher and some times it is lower. I do not understand this.
Dec 7, 2013, 05:53 #4
- Join Date
- Jan 2003
- Hampshire UK
- 182 Post(s)
- 6 Thread(s)
You've absolutely placed the element but with no current stacking context and no positioning so browsers wil vary on position depending where they think the image is and whether they apply the bottom margin to it also.
Just remove the absolute position and let it remain in the flow and it will look the same in all browsers.