MyBB Community Forums › Community Archive › Archived Forums › Archived Development and Support › MyBB 1.6 › 1.6 General Support v
Forum display being cut off?

Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Threaded Mode
Not Solved Forum display being cut off?
Zies Offline
Posts: 41
Threads: 15
Joined: Jun 2011
Reputation: 0
#1
Not Solved 2015-08-26, 12:25 PM
Set my site to fixed width and the container cuts off for some reason? Is this is a padding issue or something, I've been setting width's left right and center and it's not working.

Site Link: http://cygnex.org
Screenshot: http://prntscr.com/892pkw

Thanks for your help.
Find
mmadhankumar Offline

Former Staff
Posts: 2,599
Threads: 71
Joined: Apr 2012
Reputation: 245
#2
Not Solved 2015-08-26, 12:41 PM
you have set #container, #content, and .wrapper width to 1024px.. and they all have their own padding.. so the width gets incresed accordingly and cuts off...

also the templates has some issues.. you have added one more #container inside .wrapper which again spoils the css... check the screenshot...

a temporary workaround is to remove "overflow: hidden;" from #container and #content in global.css

but a proper fix is to remove the #container inside .wrapper and change the width of #content, and .wrapper to 984px, that is 1024-40, where 40 is the padding of 20px on each side...


[Image: image.png]
We can't help everyone, but everyone can help someone - Ronald Reagan
Did you know? Your question has already been answered. But you haven't searched it yet.
Don’t  Forget to “Mark as Solved” after the fix
Find
Zies Offline
Posts: 41
Threads: 15
Joined: Jun 2011
Reputation: 0
#3
Not Solved 2015-08-26, 04:34 PM (This post was last modified: 2015-08-26, 04:36 PM by Zies.)
(2015-08-26, 12:41 PM)mmadhankumar Wrote: you have set #container, #content, and .wrapper width to 1024px.. and they all have their own padding.. so the width gets incresed accordingly and cuts off...

also the templates has some issues.. you have added one more #container inside .wrapper which again spoils the css... check the screenshot...

a temporary workaround is to remove "overflow: hidden;" from #container and #content in global.css

but a proper fix is to remove the #container inside .wrapper and change the width of #content, and .wrapper to 984px, that is 1024-40, where 40 is the padding of 20px on each side...


[Image: image.png]

Thank you for your response, I have no idea why that container class was there... I've removed the overflow's changed the widths and removed that container reference you highlighted in your screenshot.

How can I remove the padding so that there's no gaps either side of my forum display?

Many thanks for your help.
Find
mmadhankumar Offline

Former Staff
Posts: 2,599
Threads: 71
Joined: Apr 2012
Reputation: 245
#4
Not Solved 2015-08-27, 04:15 AM
(2015-08-26, 04:34 PM)Zies Wrote: How can I remove the padding so that there's no gaps either side of my forum display?

remove "padding: 20px;" from #content in global.css and change the width of #content, and .wrapper back to 1024px
We can't help everyone, but everyone can help someone - Ronald Reagan
Did you know? Your question has already been answered. But you haven't searched it yet.
Don’t  Forget to “Mark as Solved” after the fix
Find


Forum Jump:


Users browsing this thread: 1 Guest(s)