Forum margins?

Here is my forum. As you can see my tables are touching the sides of the #wrap. How can it NOT touch the sides of it? Also the Who is online part. Is it on the margins part? I don't know which to edit.

Oh and another question: How can the #wrap part go on until only the footer? It looks kinda weird going past the footer.
Help, please?

EDIT:: So I tried to fix the width on the general tab, under the forum configuration. I changed the Forum width from 95% to 80%, but my forum is now in a mess. I turned it back into 95%, but it's still a mess. Help

EDIT AGAIN:: I now somehow figured out how to make it look like what it was before. Nevermind the edit above, I just need the answers to my questions.

1. How can it NOT touch the sides of it?

Add this to your CSS:

Code:

#wrap {
    padding: 8px !important;
}

2. How can the #wrap part go on until only the footer?

Do you mean you want the wrap to go only till above FM copyrights?

Yes. :3 How can it?

Oh and, I tried the code you gave above. It made a border-like shape on the header. Couldn't I make just the forum tables smaller?

Yes. :3 How can it?

Add this to your CSS::

Code:

#page-footer, div.navbar, div.navbar ul.linklist {
    margin-bottom: -50px;
}

Oh and, I tried the code you gave above. It made a border-like shape on the header.

It's padding, it doesn't do any shapes, it just moves your wrap from the main content by 5px.

Couldn't I make just the forum tables smaller?

You can with this::

Code:

#main {
    width: 95%;
    margin: 0 auto;
}

LP

The tables are now smaller, thank you very much! :3

But I still have the footer problem. The code you gave made the FM copyrights go lower. I kinda wanted the wrap to go up to the FM copyrights.

Sorry for the trouble.

Code:

#page-footer, div.navbar, div.navbar ul.linklist {
    margin-bottom: 50px;
}

Try that and see if it'll go above. By the way, that's nera's post, so basically just remove the negative.

Still a no. > n < It just moved the copyrights up.

Code:

#main {
    width: 95%;
    margin: 0 auto;
}

That's the one nera gave, right?

Try this one:

Code:

#main {
    width: 95%;
    margin-bottom: 40px;
}

Ditch the last code I gave you, btw and reset it back to the negatives.

Still didn't work, it just shifted my forum tables to the left.

Get the table ID by checking your basic css or the templates if you can access it and put this in css

Code:

#ID name or whatever {
    left: 0px;
    right: 80px;
}

Just adjust it to your liking, if this doesn't work, I really don't know what else to do, sorry.