The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Footer inside Border?

5 posters

Go down

In progress Footer inside Border?

Post by itachi uchiha November 2nd 2013, 7:36 am

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

Footer inside Border? NarutoNexus_zpsbcbb2883
itachi uchiha
itachi uchiha
Forumember

Male Posts : 146
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Footer inside Border?

Post by Sanket November 2nd 2013, 2:46 pm

Forum URL? You want that blank space gone?
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

In progress Re: Footer inside Border?

Post by itachi uchiha November 3rd 2013, 2:27 pm

itachi uchiha
itachi uchiha
Forumember

Male Posts : 146
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Footer inside Border?

Post by Sanket November 3rd 2013, 2:40 pm

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

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

In progress Re: Footer inside Border?

Post by itachi uchiha November 4th 2013, 2:29 am

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.
itachi uchiha
itachi uchiha
Forumember

Male Posts : 146
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Footer inside Border?

Post by Ange Tuteur November 4th 2013, 2:38 am

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Footer inside Border?

Post by itachi uchiha November 6th 2013, 3:53 am

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?
itachi uchiha
itachi uchiha
Forumember

Male Posts : 146
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Footer inside Border?

Post by Sir Chivas™ November 6th 2013, 4:00 am

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;
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: Footer inside Border?

Post by Ange Tuteur November 6th 2013, 4:23 am

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. Very good
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Footer inside Border?

Post by levy November 6th 2013, 10:29 am

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 Sad
levy
levy
Hyperactive

Male Posts : 2632
Reputation : 350
Language : English, Romanian
Location : Romania

https://portofolio.goodforum.net/

Back to top Go down

In progress Re: Footer inside Border?

Post by Ange Tuteur November 6th 2013, 4:50 pm

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
Footer inside Border? Captur72

Remove float from content-container, or set it to 'none'
Footer inside Border? Captur73

If he clears up those errors in his stylesheet this should be the result:
Footer inside Border? Captur74

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.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Footer inside Border?

Post by levy November 6th 2013, 8:51 pm

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

Male Posts : 2632
Reputation : 350
Language : English, Romanian
Location : Romania

https://portofolio.goodforum.net/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum