Borked Userlookup Coding, Help Please?

[Manta]

So my userlookup which I made with tutorial help is borked now, and I don't know why

 

http://www.neopets.com/userlookup.phtml?user=toadsdontexist

 

For some reason, the layout no longer fits inside the container and I have no idea how to fix it xD

 

Any help is greatly appreciated. Thanks!! :D

[Iona]

Ok, I went through your code and tried a few things...

 

Try this:

 

Find the part which says:

 

#main {

width: 900px;

background-color: #585232;

border-left: 1px solid #000;

border-right: 1px solid #000;

margin-top: 0px;

}

 

Change the width to: 920px

 

Then find the part which says:

 

 

#content {

width: 995px;

margin-left: 3px;

margin-top: -5px;

border: 0px;

}

 

Change the width to: 900px

 

 

You might want to centre the top image aswell.

I know that the image at the top won't stretch across the whole thing now, but I can't remember how to shrink the userlookup contents (which is what is stretching the width).

[Manta]

Excellent, thank you!! :D I have a feeling it has something to do with the Habitarium, since my layout broke at about the same time that I first started playing :P

[Iona]

Possibly :)

It's easy enough to remove if you wish to:

 

#habitarium {

display: none;

}

 

Just add that within your style coding.

 

EDIT:

 

Ah, I've got it. If you want everything fitting properly do this:

 

Find the part, change the previous figure to the red:

#main {

width: 870px;

background-color: #585232;

border-left: 1px solid #000;

border-right: 1px solid #000;

margin-top: 0px;

}

#content {

width: 860px;

margin-left: 3px;

margin-top: -5px;

border: 0px;

}

 

And find the part and add the red:

#habitarium, #footer, .user, #nst, .sidebar, .brand-mamabar, hr, #ban, .content div a img, .content div b {

display: none;

}

 

EDIT2: The games and trophies module is a few pixels too thin but I cannot remember how to fix that.

Edited March 7, 2011 by iona_guild