Site pages too wide, need to fit any browser when bookmark sidebar used by users

I use the phpbb 3. Where and how do I adjust my site pages fit browsers when the user uses a bookmark sidebar, usch as in Firefox?

For example, users of Firefox have to use the bottom scroll bar to view an entire page, such as this page. I've seen this on some other forumotion forums, including this one, but other forums have an automatic adjustment so that no matter how wide or narrow their bookmark sidebar is, you can see the entire page without the fonts being reduced.

This is a good example of a forum that will adjust width if you have Firefox a bookmarks sidebar.
http://www.yorkieforum.com/forum/

Thanks.

You can this.

ACP(Admin Control Panel) > General > Forum > Configuration > Pages structure > Forum width (number or %) :

100%

It didn't change a thing. I was set at 98%. I tried 90, 80, and even 50%. Then I tried 100 and 120%. Nothing.

Could it be in the CSS? If so, what section and what would that look like?

Thanks.

Can you please post here the link to your forum that is having these issues? Thanks.

Here it is:

http://poodlecrossbreeds.forumotion.com/

Also compare it to this forum, seeing both in Firefox with your bookmarks sidebar.

http://www.yorkieforum.com/forum/

Looks like you have a defined width 1050px for the #​wrap of the forum in your CSS.
AP  Display  Colors  CSS Stylesheet

Find #​wrap in the CSS and delete the width parameter inside it. If it can't be found, insert this in the end of the code:

Code:

#wrap { width: auto; }

Wecoc, thank you so much!

I had to play with it to get the entire page right. The wrap code worked perfectly but only on the orange horizontal bars on the top and bottom that have Home, Calendar, FAQ, etc. I'm not sure what that bar is called, please see my page and tell me.

Anyway, this is what I did like you advised and it worked for the orange bars:

Code:

 #wrap {
    padding: 0 20px;
    width: auto;
    margin: auto;
  background-color: #ffffff08;

But then the actual forum sections didn't adjust when the Firefox bookmarks were wide. I found a code on CSS that had the word width and and 1030px; this is how it was:

Code:

#page-body {
  background-color: #ccffff;
  width: 1030px;
    margin: 4px 0;
    padding: 10px;
    clear: both;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid black;
    -webkit-box-shadow: 8px 8px 6px -6px #555;
    -moz-box-shadow: 8px 8px 6px -6px #555;
    box-shadow: 8px 8px 6px -6px #555;

So I adjusted only the width in this section too and figured it out! Now it's:

Code:

#page-body {
  background-color: #ccffff;
  width: auto;
    margin: 4px 0;
    padding: 10px;
    clear: both;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid black;
    -webkit-box-shadow: 8px 8px 6px -6px #555;
    -moz-box-shadow: 8px 8px 6px -6px #555;
    box-shadow: 8px 8px 6px -6px #555;
}

Now my forum pages will adjust automatically if I or a user has a bookmark sidebar in their browser, and they don't have to scroll to read the whole page. Thank you again!