Like everyone else, I've had some issues with profile coding. While I was able to fix everyone else's, two of them have been giving me some issues. One of the pets is due for a new profile anyway, but the other, Maw, is a pet spotlight winner and I'm very fond of his profile.

Like most everyone else, all his content (text, minion, treasure, etc) have shifted to the left of the page and oddly enough his background is no longer displaying properly (it's got a solid white bar down the middle that I can't seem to figure out how to disable).

This is his current code:

Any help is greatly appreciated as I am completely stumped. I'm sure it's something really simple and I'll facepalm once it's told to me, but at this point I just can't seem to find it myself. xP

Hi there, I can't see any background at all? Also, can you please provide a screenshot of what it's supposed to look like?

body,html { background: url(http://i56.tinypic.com/168bg1s.png) no-repeat;}

First line of code contains his background. The issue being that the image isn't showing up at all. This is his background image. The two largest containers of content go in the top right and bottom right boxes of the background. The minion should be in the bottom left box and a third set of content (that you can no longer see on the screen) should be in the top left box.

Unfortunately, I do not have a screenshot of it displaying properly.

You might have to fiddle around with the positioning some more to get it exactly like you want it, but try this html { background: ; } body { background: url(http://i56.tinypic.com/168bg1s.png) no-repeat;}

, .stat, .statbar, .pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date, , , -ban, -ban-main, -lrc, -rrc, , -right, , , , , -container, {display:none;} , , body, , , {background-color:transparent;}

Thanks so much! That did help a lot!

Now the only "issue" I'm running into is how it displays on my laptop and phone?

Right now on my laptop it looks like this. Edit: To clarify, this is if I scroll down to view the rest of the page. Not just what it looks like. I'm just wondering why it cuts off part of the background until I zoom out.

If I zoom out (to about 50%) or view the page on my phone, it looks like this:

Any idea on how to solve this issue? When it displayed properly before, it was like the second view, just without the horizontal scrollbar (and without me having to zoom out). I'm not sure which area of the code might tweak this part.

, take out this:

html { background: ; } body { background: url(http://i56.tinypic.com/168bg1s.png) no-repeat;}

and replace it with this:

body { background-image: url(http://i56.tinypic.com/168bg1s.png); background-repeat: no-repeat; background-position: top left; background-color: ;}

let me know if it works.

That code is rather redundant, because the background-position is top left by default. The rest of the code is the same as the one that already had, except that if you remove the code for setting the html's background color then the dark background won't cover the whole page

Can you pass along your screen dimensions for your laptop and phone? That way I know what to check for :)

Oh wow that fixed it immediately! Thank you!

It's actually working now. :D Thank you so much for your help as well!

Strange, it looks pretty much the same as your existing code? Glad that it's fixed though

My apologies if I appeared to be rude! Reading over my last post gave myself that impression :(