Hello does anybody know how to get the footer inside the border for punBB? and to prevent this problem from happening?

Forum URL? You want that blank space gone?

yes please, http://www.narutonexusrp.com/forum

Can you remove the affiliate widget & check please? I think there is some faulty code that is causing this.

I have removed it but the problem remains? the only widget that seems to go funny is the 'most recent topics' when i move it to the bottom of the widgets then it makes the forum funny.

Hello itachi uchiha,

This is what's causing your unwanted white space.

In your CSS:

Code:

.pun {
    background: none repeat scroll 0% 0% rgb(245, 245, 245);
    border-radius: 60px;
    height: 5600px;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 20px;
    width: 95%;
}

You specified 5600 pixels to the forum wraps height. This should usually be automatically set by the browser or inherited from a parent element. Removing that property from your .pun should take care of that extra white space.

I removed the height but then the white background only goes past the banner but i want the entire forum to have the white boarded background?

I think Seth's code goes to far bottom, it makes me scroll down more than I really have too.


Look for this code inside your CSS:

Code:

.pun {
background: none repeat scroll 0 0 #f5f5f5;
border-radius: 60px;
height: 5600px;
margin-bottom: 50px;
margin-top: 50px;
padding: 20px;
width: 95%;
}

Change the height to this:
height: 4200px;

I found the issue why the height of his wrap isn't being calculated correctly.

This is the issue:

Code:

#content-container div#container {
    float: left;
    margin-right: -3px;
    width: 100%;
}

The content container is floating left, this prevents your wrap expanding its full height; content container is seen as being "in the way" so that is where pun stops. There should be no float applied to the content container, it causes bugs.

If you cannot find the above in your CSS stylesheet, apply this:

Code:

#content-container div#container {
float:none !important;
}

As I said in my previous post, remove the height property from pun. Once you do these two things your wrap should work properly.

Hey itachi , the problem if cuz you have the#pun-foot out of .pun , probably you have some wrong edits on your Templates , I'm not sure in what template is the #pun-foot

candy_fear,

The issue comes from his stylesheet, his template is actually fine. I made a test as below:

Remove the height property from pun


Remove float from content-container, or set it to 'none'


If he clears up those errors in his stylesheet this should be the result:


As for pun footer inside pun I am not sure. It could be as you said, edited with templates, or another error in the stylesheet.

Yes , was my mistake , I don't search for #content-container div#container , my mistake.