On this forth example page the page border <div> with the id pb is added.
CSS properties of this div:
#pb {
position: absolute;
left:0px;
top:45px;
width:40px;
background:transparent;
border:0px;
}
Again the border:0px; is not for the site, just to experiment.
For this demo page I set that border to 1px red and placed the text pb in the <div>
This <div> has no background picture, and so although the red pb's overlap the
<body>, the text remains visible. I did not use a background for pb because as you
can see the vertical size is only as high as the text fill is. (But minimal the height of the
background picture I tried at first). I have tried empty "filler .gifs" but then you
get a long border next to an empty bottom of the page. The only way to make the border as high
as the page is to use the <body> with the border background as you could see on the
first page, and so I did with the pages on my web site. And
maybe the pb <div> isn't even needed for the pages... I kept it to be able to
put some tabs or other things on the left border.
(18-12-2006 rev. 26-03-2022)