Discussion:
Why isn't this webpage using the full width
(too old to reply)
Robert Prins
2024-09-25 13:23:09 UTC
Permalink
The title says it all.

<https://prino.neocities.org/resources/lift.pli.html> is using about half the
screen, which I actually find quite pleasing, as seeing it spread over 45 cm on
my full HD monitor makes reading it hard(er), but I'm just puzzled as for the why.

It's pretty much plain text (white-space: pre;), with just a few tags to
simulate the highlighting that's generated by z/OS ISPF, and CTrl+ will scale it.

Robert
--
Robert AH Prins
robert(a)prino(d)org
The hitchhiking grandfather @ https://prino.neocities.org/
Some useful(?) REXX @ https://prino.neocities.org/zOS/zOS-Tools.html
Apd
2024-09-25 12:57:33 UTC
Permalink
Post by Robert Prins
The title says it all.
<https://prino.neocities.org/resources/lift.pli.html> is using about half
the screen, which I actually find quite pleasing, as seeing it spread over
45 cm on my full HD monitor makes reading it hard(er), but I'm just
puzzled as for the why.
The text is preformatted with a line length of 71 chars so it will
occupy as much width as needed for the font size (default). If you had
wanted it to fit/scale to the viewport, something like this could be
added to your CSS for the body:

font-size:2vw;

But see here for improvement:
<https://css-tricks.com/simplified-fluid-typography/>


ps, from your post headers, your clock is fast:

Date: Wed, 25 Sep 2024 13:23:09 +0000
Injection-Date: Wed, 25 Sep 2024 12:16:00 +0200 (CEST)

(It shows as 14:23 here (GMT+1) and I'm posting this at about 13:57)
Jukka K. Korpela
2024-09-25 13:08:29 UTC
Permalink
Post by Robert Prins
<https://prino.neocities.org/resources/lift.pli.html> is using about
half the screen
Technically it uses the available width, but the lines are relatively short.
Post by Robert Prins
It's pretty much plain text (white-space: pre;), with just a few tags to
simulate the highlighting that's generated by z/OS ISPF, and CTrl+ will scale it.
That’s it: white-space: pre is set on the <body> element, and this
effectively means that the page is shown as if all of the content of
<body> were wrapped between <pre> and </pre> tags. This means that text
lines are shown exactly as they are in the HTML source (except that
HTML markup is interpreted, of course). More exactly,
“Sequences of white space are preserved. Lines are only broken at
newline characters in the source and at <br> elements.”
https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

Yucca
Arno Welzel
2024-09-28 11:17:31 UTC
Permalink
Post by Robert Prins
The title says it all.
<https://prino.neocities.org/resources/lift.pli.html> is using about half the
screen, which I actually find quite pleasing, as seeing it spread over 45 cm on
my full HD monitor makes reading it hard(er), but I'm just puzzled as for the why.
Because it is preformatted text which will *not* flow but stay as it is.
--
Arno Welzel
https://arnowelzel.de
Loading...