Log in

View Full Version : Content overflowing out of Skin


chrisbr
09-01-2013, 04:58 AM
I some time ago had a skin made especially for my forums, but I have since noticed a minor issue that I want to try and fix myself, as the skin developer is giving me the run around.

Basically, most (all but one) of the options within the userCP is overflowing outside of the forum template, i cant describe this very well, so here's a picture to show you what I mean!

Pretty much, the usercp navigation menu, shouldn't go into the bottom brown footer.

Any help appreciated

Thanks :)

View Image: http://d.pr/i/oxTS

tbworld
09-01-2013, 05:27 AM
The image is helpful, but without a link you are making it to difficult/impossible to help you.

chrisbr
09-01-2013, 05:55 AM
I didn't think a link would be helpful, as the issue is only confined to the userCP section, you would need to signup to see the issue in action?

http://geocachingchat.com/boards/forum.php is the link never less.

tbworld
09-01-2013, 06:34 AM
I didn't think a link would be helpful, as the issue is only confined to the userCP section, you would need to signup to see the issue in action?

http://geocachingchat.com/boards/forum.php is the link never less.

If you want help make it easy for us. Give us a locked down account to view the problem. It is impossible to help you with a CSS/HTML problem without a useful link.

chrisbr
09-01-2013, 06:38 AM
deleting username and password as thread solved

tbworld
09-01-2013, 07:39 AM
This is the offending code:
<div id="footer" class="floatcontainer footer" style="display:none;">Looks to me that it us part of a modification. Disable your MODS and see if your footer is still messed up.

If not a modification check your footer template for the code (I listed above) and remove
style="display:none;"You 'might' be able to temporarily override it, if it is not being dynamically altered via javascript with this CSS entry in your "additional.css" (NOTE - You have modified templates so that code might not be in the footer template. It was only a guess on my part.)

#footer {
display: block !important;
}
-------------------------

Start by disabling your hooks/MODS.

Hope that helps.. Should be a start for you.

chrisbr
09-01-2013, 08:00 AM
Thanks for this, it's worked.

I don;t have any mods installed on the forum, so we can safely rules out these - must have been a error by the person who skinned the skin for me - Thankfully this is now resolved - Thanks tbworld!

chrisbr
09-01-2013, 08:05 AM
Thanks for this, it's worked.

I don;t have any mods installed on the forum, so we can safely rules out these - must have been a error by the person who skinned the skin for me - Thankfully this is now resolved - Thanks tbworld!

Sorry for double post:

I remember what could have happened, when I remove the code above, I get a brown box at the bottom, I believe that I wanted this box removing as it serves no purpose (that I can see) Is there any other ammendment I can do to the code to remove this brown bar, or is it something that has to stay in order for the rest of the page to fit within the template?

tbworld
09-01-2013, 08:19 AM
To delete footer bar...

Add to the bottom of your 'additional.css' template.


.footer {
height: 11px;
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
display: block;
}--------------- Added 01 Sep 2013 at 03:28 ---------------

I remember what could have happened, when I remove the code above, I get a brown box at the bottom, I believe that I wanted this box removing as it serves no purpose (that I can see)

Be careful with "display:none" powerful for hiding something, but you need to make sure the element block is not used for anything important.

chrisbr
09-01-2013, 10:09 AM
Perfect tbworld - Thank you!

Nice to know I can count on this community rather than the developer who i've paid for the skin to be created!!

RickyH
09-02-2013, 09:15 AM
There are many of us here, you're bound to find a fix to any issue if you post around :)