The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Footer inside Border?

View previous topic View next topic Go down

In progress Footer inside Border?

Post by itachi uchiha on 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?


itachi uchiha
Forumember

Male Posts : 134
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 November 2nd 2013, 2:46 pm

Forum URL? You want that blank space gone?

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Footer inside Border?

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


itachi uchiha
Forumember

Male Posts : 134
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 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
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: Footer inside Border?

Post by itachi uchiha on 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
Forumember

Male Posts : 134
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 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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Footer inside Border?

Post by itachi uchiha on 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
Forumember

Male Posts : 134
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 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™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
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 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
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Footer inside Border?

Post by levy on 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
Hyperactive

Male Posts : 2582
Reputation : 345
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 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


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.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Footer inside Border?

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

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

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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