Bug: "The Grand 0.23.5 Discussion Thread" has scrolling issues

[FORUM_TEST_2-19-14]

In this thread...

The Grand 0.23.5 Discussion Thread

THE PROBLEM

The 1st post has scrolling issues

...

• This is the top part of the post,
  notice the partial text, but no scrollbar is visible
  (for this section)...
  
  

  
  

• If you scroll down, then at the BOTTOM of the post, there is a horiz scrollbar (for the ENTIRE POST)...
  

  

  
  

• Scroll all the way right...
  

  

  
  

• Now, scroll back up to where you were...THERE'S the missing scrollbar for that section!...
  

  

THE FIX

The

source to that post

mentions 1000 (pixels) at least twice. I know most Devs have big monitors & use big screen resolutions, but

you should NOT assume people have 1000 spare pixels

...at least not in the context of the space available in the "right-side (body) of a post on the forum".

I think 1280x720 would be a fine minimal resolution to expect people to have...but remember that's the SCREEN size, not the "space available in the right-side of a post on the forum" size.

When I force-edited the page (using Firefox's DOM Inspector)...I changed "1000" to "100%" (in maybe 3 places?)...resulting in this screenshot, compare this to the

1st

screenshot...in this screenshot

there is no whole-post horiz scrolling

...that section's scrollbar is clearly visible, without needing to scroll down, scroll right, then scroll up to see it...

• This is the top part of the post (after hacking it to fix the width),
  notice the partial text, but now a scrollbar is visible
  ...
  
  

....you should ALWAYS use "100%", if you want the site to work on more resolutions.

[FEichinger]

Hello there

The fixed width is in place for two reasons:

1.) Dynamic width settings are largely unpredictable (which, with many fixed-width elements inside, is a problem); at a certain point, it also stretches the layout too far into the horizontal (thereby messing up things like the logo at the top and the media slideshow)

2.) The background image is optimized for 800 pixels of width - 1000 is already straining that, and merely in place to support the new media slideshow.

This issue was brought up already, and after some consideration we chose to leave the 1000px setting for a simple reason: A screen width of >=1366px is by far the norm for desktop PCs nowadays. Most browsers are also used with a viewport width >=1280px - these are right on the brink for this.

I suggested lowering the amount of videos per page of the slideshow, but again: we considered it, and left it. A lot of things about these posts could be optimized (including that it still uses tables and a horrible mixture of HTML), this simply is a minor usability issue (with a non-obvious but trivial workaround when it is actually necessary).

FEichinger

PS: I should probably clarify this. I helped in particular with the slideshow, and integrating that all into vB in a reasonable timeframe without too much additional work (and with what was already available from previous iterations). There's a lot I would change from the ground up, but I was merely consulting on this.

Edited April 8, 2014 by FEichinger

[KvickFlygarn87]

Is that a Windows XP scrollbar?

They should have sent a poet!

[vexx32]

The fixed width isn't so much a problem as the weird scroll-y element where the scrollbar is hidden. Might I suggest one of us edits it and either places that section in code tags (which will give a code box that conforms to width), or put it in a spoiler. Alternatively, the text elements in the post don't need to be quite so wide and can be shrunk to somewhere around 800px or 900px without affecting the media elements.