Terrible on 4K |
Terrible on 4K |
Wed, 24 Oct 2018 - 07:03
Post
#1
|
|
Member Group: Members Posts: 11 Joined: 18 Oct 2018 Member No.: 100,470 |
Hey,
The forums are really hard to use and navigate on a large 4k monitor. The full width makes everything hard to find. (Took me a full couple of minutes to find the post button.) Screenshot attached. (I think, I can actually see it mentioned anywhere, but supposedly it has uploaded) Give er an old max-width and you're golden. Vince Case in point, apparently the screenshot didn't upload. https://imgur.com/a/s6n709i |
|
|
Advertisement |
Wed, 24 Oct 2018 - 07:03
Post
#
|
Advertise here! |
|
|
|
Wed, 24 Oct 2018 - 07:59
Post
#2
|
||||
Webmaster Group: Root Admin Posts: 8,205 Joined: 30 Mar 2003 From: Wokingham, UK Member No.: 2 |
Why would you display it full-screen if that makes it hard to use?
-------------------- Regards,
Fredd __________________________________________________________________________
|
|||
|
||||
Wed, 24 Oct 2018 - 12:50
Post
#3
|
|
Member Group: Members Posts: 11 Joined: 18 Oct 2018 Member No.: 100,470 |
I run everything full-screen, but how I personally browse shouldn't be a consideration, I'm merely giving you a heads-up that the layout doesn't work on 4k at 100% scale. (almost) every other site either sets a div with a max-width or scales content (em).
Just constructive criticism, do with it what you will. |
|
|
Wed, 24 Oct 2018 - 12:58
Post
#4
|
||||
Webmaster Group: Root Admin Posts: 8,205 Joined: 30 Mar 2003 From: Wokingham, UK Member No.: 2 |
OK, I was just asking so as to understand why it was a problem. Thanks.
This better (1366px)? -------------------- Regards,
Fredd __________________________________________________________________________
|
|||
|
||||
Wed, 24 Oct 2018 - 16:12
Post
#5
|
|
Member Group: Members Posts: 21 Joined: 13 Jul 2018 Member No.: 98,867 |
I'm guessing this is why the forum is now left aligned with a load of blank space on the right. Funnily enough I also use a 4K monitor but I preferred how it looked before. It looks strange now with this left alignment.
However this is easily fixed with CSS. I would suggest adding this. CODE margin: auto; In order to centre the content. Instead of the existing 'margin: 0px;' I used inspect element to change the CSS in my browser to see the effect. This is what it looks like now: https://imgur.com/qx6rXHc (aligned to the left) This is what it looks like with auto margin: https://imgur.com/iJicx7X (content centered) Admittedly I usually use it zoomed up a bit as it's too small like that. Probably totally unreadable on a high res laptop if display scaling isn't applied. Most websites use this auto margin behavior to display content in the centre and often the side space is used for ads which would otherwise be placed in the content. The advantage is that on smaller screens the size of the margin simply decreases or is not shown at all. In this case monitors smaller than 1366px (before browser/system scaling is applied) there will not be any margin. This approach will cause problems with mobile devices where the screen has greater than 1366 pixels in landscape mode. For these the content will not fill the screen due to it technically being greater than 1366 leaving a margin when it might be better not to. I personally avoid using pixels as a unit in CSS for this reason. 'max-width' as a percentage can make for more consistent behavior when adding margins. Such as: CODE @media (max-width: 1366px) { max-width: 100%; } @media (min-width: 1366px) { max-width: 80%; } To set a max width 80% when the display has a width greater than 1366 pixels and when the display has a width less than that use 100% width for the content. Unfortunately people do have different preferences and some can't stand full width text across the screen, while others don't mind. I don't mind and have no problem reading full width text on bailii for instance. Ideally a nice drag handle would allow for the width to be adjusted to the users preference but that would of course be lot of work, and I imagine likely impossible with the forum software this site uses. |
|
|
Wed, 24 Oct 2018 - 18:02
Post
#6
|
||||
Webmaster Group: Root Admin Posts: 8,205 Joined: 30 Mar 2003 From: Wokingham, UK Member No.: 2 |
OK, I'll centre it, although personally I'm not sure I consider that an improvement - as you say, preferences vary.
-------------------- Regards,
Fredd __________________________________________________________________________
|
|||
|
||||
Wed, 24 Oct 2018 - 18:20
Post
#7
|
|
Member Group: Members Posts: 961 Joined: 13 Jul 2011 From: Bocking Member No.: 48,194 |
Using explorer/ Chrome press ctrl and scroll and it will zoom in.
|
|
|
Thu, 25 Oct 2018 - 10:47
Post
#8
|
|
Member Group: Members Posts: 11 Joined: 18 Oct 2018 Member No.: 100,470 |
Perfect - suddenly feels much tighter, cleaner, more usable.
Using explorer/ Chrome press ctrl and scroll and it will zoom in. The text size is fine, it was the layout that made things difficult to nav. Funnily enough I also use a 4K monitor but I preferred how it looked before. It looks strange now with this left alignment. I'm on a 32" acer predator - so not just resolution but also real-estate. at 100% scale it made elements very hard to find. Much better now IMHO OK, I'll centre it, although personally I'm not sure I consider that an improvement - as you say, preferences vary. It works much better centered on a large screen. Screen is central to the desk, set in a position where the middle of the screen is most comfortable to view - of it's aligned left or right I have to turn my head 15 degrees to a less natural/comfortable position. This post has been edited by Rasman32: Thu, 25 Oct 2018 - 10:49 |
|
|
Thu, 25 Oct 2018 - 16:58
Post
#9
|
|
Member Group: Members Posts: 3,140 Joined: 19 Jun 2004 From: Surrey Member No.: 1,326 |
I wondered why there were suddenly two big white spaces on either side of my screen.
|
|
|
Fri, 26 Oct 2018 - 12:27
Post
#10
|
|
Member Group: Members Posts: 1,333 Joined: 28 Mar 2014 From: Corby Member No.: 69,758 |
How about:
CODE max-width: 1920px Limited to 1366px looks very odd, but as you say, preferences vary. |
|
|
Fri, 26 Oct 2018 - 14:42
Post
#11
|
|
Member Group: Members Posts: 6,178 Joined: 1 Jan 2013 From: Glasgow Member No.: 59,097 |
|
|
|
Fri, 26 Oct 2018 - 18:03
Post
#12
|
|
Member Group: Members Posts: 3,140 Joined: 19 Jun 2004 From: Surrey Member No.: 1,326 |
Haven't tried my S5, but using a 27 inch monitor on a desktop.
It's not a problem, as I get it on other websites too. |
|
|
Fri, 2 Nov 2018 - 21:54
Post
#13
|
|
Member Group: Members Posts: 33,634 Joined: 2 Apr 2008 From: Not in the UK Member No.: 18,483 |
Looks odd on my Mac now.
-------------------- Moderator
Any comments made do not constitute legal advice and should not be relied upon. No lawyer/client relationship should be assumed nor should any duty of care be owed. |
|
|
Thu, 8 Nov 2018 - 17:23
Post
#14
|
|
Member Group: Members Posts: 25,726 Joined: 28 Jun 2010 From: Area 51 Member No.: 38,559 |
My 4:3 aspect screen at 1280 x 1024 works perfectly well thanks.
19" is plenty big enough as well. |
|
|
Fri, 9 Nov 2018 - 00:31
Post
#15
|
|
Member Group: Members Posts: 2,784 Joined: 20 Apr 2008 Member No.: 18,956 |
I use Chrome on an iMac and I haven't noticed any change at all!
|
|
|
Fri, 9 Nov 2018 - 07:52
Post
#16
|
||||
Webmaster Group: Root Admin Posts: 8,205 Joined: 30 Mar 2003 From: Wokingham, UK Member No.: 2 |
I use Chrome on an iMac and I haven't noticed any change at all! If you're using a screen resolution of 1366px (the most common laptop screen size) or less, or your browser window is no wider than that, then you won't notice any change at all. -------------------- Regards,
Fredd __________________________________________________________________________
|
|||
|
||||
Mon, 12 Nov 2018 - 22:11
Post
#17
|
|
Member Group: Members Posts: 38,007 Joined: 3 Dec 2010 Member No.: 42,618 |
Well I must be a rare case but I have a 4k laptop, and it looked better before.
-------------------- If you would like assistance with a penalty charge notice, please post a thread on https://www.ftla.uk/index.php
|
|
|
Lo-Fi Version | Time is now: Wednesday, 17th April 2024 - 06:37 |