3.7.7 Modern Web interface; Guide improperly displayed at 2560x1440

[Verick42]

I checked using IE, Chrome, and Firefox on multiple computers. It appears that anything with a width over 2010 pixels breaks the layout of the guide page.

In standard.css #guide-timeline width needs to be changed to 100% rather than 2000px.

Just thought I would let everyone know in case someone else had the same problem and needed to fix it.

[sub]

Can you post a screenshot of what you get?

[Verick42]

[ATTACHMENT NOT FOUND]

[ATTACHMENT NOT FOUND]

the css tells the container to be 2000 pixels wide, so when the resolution is too large it cause elements to overflow, that is why it needs to be 100% instead of a fixed number, the footer is correctly set to 100% already.

I have also found that the last listing gets cut off, scrolling to the bottom only reveals a tiny portion of the listing
[ATTACHMENT NOT FOUND]

I fixed this by adding a bottom margin to the left side channel area:

<!-- main body of guide, showing channel list and listings for each channel -->
<div style="width: 100%;">
<div style="float: left; width: 200px; margin-bottom: 50px;">

These fixes work on all resolutions that I tried, you can check by using the developer tools, f12 on chrome, then ctrl + shift + m

[sub]

Thanks. The attachments don't seem to have worked though.

[sub]

I can see those attachments now. Thanks for the help tidying up the web app!

[sub]

Those changes seem to work fine, and don't break anything, so I've included them in my master set of files.