Footer inside Border?

Go down

In progress Footer inside Border?

Post by itachi uchiha on Sat Nov 02, 2013 6:36 am

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

avatar
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 on Sat Nov 02, 2013 1:46 pm

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

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

http://webartzforum.com

Back to top Go down

In progress Re: Footer inside Border?

Post by itachi uchiha on Sun Nov 03, 2013 1:27 pm

avatar
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 on Sun Nov 03, 2013 1:40 pm

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

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

http://webartzforum.com

Back to top Go down

In progress Re: Footer inside Border?

Post by itachi uchiha on Mon Nov 04, 2013 1: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.
avatar
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 on Mon Nov 04, 2013 1: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.
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Footer inside Border?

Post by itachi uchiha on Wed Nov 06, 2013 2: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?
avatar
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™ on Wed Nov 06, 2013 3: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;
avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
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 on Wed Nov 06, 2013 3: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
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Footer inside Border?

Post by levy on Wed Nov 06, 2013 9: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
avatar
levy
Hyperactive

Male Posts : 2587
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: Footer inside Border?

Post by Ange Tuteur on Wed Nov 06, 2013 3: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


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

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

In progress Re: Footer inside Border?

Post by levy on Wed Nov 06, 2013 7:51 pm

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

Male Posts : 2587
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Back to top


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