have a favor to ask
January 4, 2014 - 8:50pm — warui
hello, haven't been on the community in a bit, but ive been in forest a few times. he grew up in forest, but hes really just a preteen.
i decided to tweak waruis bio a little, and move the image, but it seems to be in different places for different people.
http://endlessforest.org/community/ashes-ashes-warui-cssimage-added
if a few of you could just hop on there and let me know where it is, via screenshot and such that would we awesome
or if anyone knew how to keep it in one place that would be great.
thank you!
bumping this up theere
Google Chrome Not sure how
Not sure how it can be fixed though. :c
1 2 It's because of the way
2
It's because of the way you positioned the image using margins. As you can see from these screenshots, it always calculates 780px to the left from the image's original position while your main div always stays centered regardless of screen resolution. That's why the image ends up in different positions for different people.
Instead of using margins, maybe try position:absolute for the pic and then using top, left, right, etc. ?give me a minute...[e]: You'll have to position the picture in a way so that it is "locked" to your div box rather than to the whole page. You can do that by putting the code for the image inside that div (rather than before it, like it is now), preferably in front of all other div content.
After you've done that, add "position:relative" to your grey main div. Remove the "margin-top" and "margin-left" from your image div, and instead add "position:absolute;top:0px;right:0px". You can work with the top/right position values from there to get the image to where you want it to be. It should then look fine on all screen resolutions.
I don't know if this is too confusing. Let me know if I should try explain it better.
oh thank you so much, i see
i fixed it, ah, much much better