PePiPoo Helping the motorist get justice

Welcome Guest ( Log In | Register )

Terrible on 4K
Rasman32
post Wed, 24 Oct 2018 - 07:03
Post #1


Member


Group: Members
Posts: 10
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
Go to the top of the page
 
+Quote Post
 
Start new topic
Replies (1 - 16)
Advertisement
post Wed, 24 Oct 2018 - 07:03
Post #


Advertise here!









Go to the top of the page
 
Quote Post
Fredd
post Wed, 24 Oct 2018 - 07:59
Post #2


Webmaster
Group Icon

Group: Root Admin
Posts: 7,170
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

__________________________________________________________________________
Pepipoo relies on you
to keep this site running!
Donate to Pepipoo now using your
Visa, Mastercard, debit card or PayPal account
Go to the top of the page
 
+Quote Post
Rasman32
post Wed, 24 Oct 2018 - 12:50
Post #3


Member


Group: Members
Posts: 10
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.
Go to the top of the page
 
+Quote Post
Fredd
post Wed, 24 Oct 2018 - 12:58
Post #4


Webmaster
Group Icon

Group: Root Admin
Posts: 7,170
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

__________________________________________________________________________
Pepipoo relies on you
to keep this site running!
Donate to Pepipoo now using your
Visa, Mastercard, debit card or PayPal account
Go to the top of the page
 
+Quote Post
L.Saroyan
post Wed, 24 Oct 2018 - 16:12
Post #5


New Member


Group: Members
Posts: 9
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.
Go to the top of the page
 
+Quote Post
Fredd
post Wed, 24 Oct 2018 - 18:02
Post #6


Webmaster
Group Icon

Group: Root Admin
Posts: 7,170
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

__________________________________________________________________________
Pepipoo relies on you
to keep this site running!
Donate to Pepipoo now using your
Visa, Mastercard, debit card or PayPal account
Go to the top of the page
 
+Quote Post
paulajayne
post Wed, 24 Oct 2018 - 18:20
Post #7


Member


Group: Members
Posts: 900
Joined: 13 Jul 2011
From: Bocking
Member No.: 48,194



Using explorer/ Chrome press ctrl and scroll and it will zoom in.
Go to the top of the page
 
+Quote Post
Rasman32
post Thu, 25 Oct 2018 - 10:47
Post #8


Member


Group: Members
Posts: 10
Joined: 18 Oct 2018
Member No.: 100,470



Perfect - suddenly feels much tighter, cleaner, more usable.

QUOTE (paulajayne @ Wed, 24 Oct 2018 - 19:20) *
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.

QUOTE (L.Saroyan @ Wed, 24 Oct 2018 - 17:12) *
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

QUOTE (Fredd @ Wed, 24 Oct 2018 - 19:02) *
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
Go to the top of the page
 
+Quote Post
Ocelot
post Thu, 25 Oct 2018 - 16:58
Post #9


Member


Group: Members
Posts: 2,819
Joined: 19 Jun 2004
Member No.: 1,326



I wondered why there were suddenly two big white spaces on either side of my screen.
Go to the top of the page
 
+Quote Post
typefish
post Fri, 26 Oct 2018 - 12:27
Post #10


Member


Group: Members
Posts: 1,171
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.
Go to the top of the page
 
+Quote Post
StuartBu
post Fri, 26 Oct 2018 - 14:42
Post #11


Member


Group: Members
Posts: 6,163
Joined: 1 Jan 2013
From: Glasgow
Member No.: 59,097



QUOTE (Ocelot @ Thu, 25 Oct 2018 - 17:58) *
I wondered why there were suddenly two big white spaces on either side of my screen.

If I use my ' phone ( Samsung S5) I get the large white area on one side- the right.
Go to the top of the page
 
+Quote Post
Ocelot
post Fri, 26 Oct 2018 - 18:03
Post #12


Member


Group: Members
Posts: 2,819
Joined: 19 Jun 2004
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.
Go to the top of the page
 
+Quote Post
southpaw82
post Fri, 2 Nov 2018 - 21:54
Post #13


Member


Group: Members
Posts: 28,769
Joined: 2 Apr 2008
From: Not in the UK
Member No.: 18,483



Looks odd on my Mac now.


--------------------


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.
Go to the top of the page
 
+Quote Post
DancingDad
post Thu, 8 Nov 2018 - 17:23
Post #14


Member


Group: Members
Posts: 19,548
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.
smile.gif
Go to the top of the page
 
+Quote Post
captain swoop
post Fri, 9 Nov 2018 - 00:31
Post #15


Member


Group: Members
Posts: 2,636
Joined: 20 Apr 2008
Member No.: 18,956



I use Chrome on an iMac and I haven't noticed any change at all!
Go to the top of the page
 
+Quote Post
Fredd
post Fri, 9 Nov 2018 - 07:52
Post #16


Webmaster
Group Icon

Group: Root Admin
Posts: 7,170
Joined: 30 Mar 2003
From: Wokingham, UK
Member No.: 2



QUOTE (captain swoop @ Fri, 9 Nov 2018 - 00:31) *
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

__________________________________________________________________________
Pepipoo relies on you
to keep this site running!
Donate to Pepipoo now using your
Visa, Mastercard, debit card or PayPal account
Go to the top of the page
 
+Quote Post
cp8759
post Mon, 12 Nov 2018 - 22:11
Post #17


Member


Group: Members
Posts: 5,569
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.


--------------------
I am not on the "motorists's side", nor am I on the "police/CPS/council's" side, I am simply in favour of the rule of law.
No, I am not a lawyer.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



Advertisement

Advertise here!

RSS Lo-Fi Version Time is now: Thursday, 15th November 2018 - 15:44
Pepipoo uses cookies. You can find details of the cookies we use here along with links to information on how to manage them.
Please click the button to accept our cookies and hide this message. We’ll also assume that you’re happy to accept them if you continue to use the site.