On the fifth example page the central page <div> with the id pg is added.
The background picture tiles over the <body> background, I had to use more <br
/>'s to make the text reappear again. The CSS properties of this div (not all the CSS
lines are shown):
#pg {
position: absolute;
left:40px;
top:45px;
width:98%;
padding: 0px 5px 25px 0px;
margin-right:15px;
border:0px;
background:#faebd7;
background-image:url(./divpics/vk90pg.jpg);
......
}
For this demo page, I set the border to 1px blue and placed the text pg in the <div>
The width is set to 98%, again to avoid a horizontal scrollbar, and again not always successful.
The pg <div> is positioned 40 pixels to the right and 45 pixels down to let the
background picture match the surrounding background pictures of the borders.
The picture
(vk90pg.jpg) tiles over the background
color as far as there is content in the page, I mean text or images. In the example the content
is in the <body>, in the pg div the only content is the text "pg". On the
next page we will put the content in the pg <div> to get the right
format.
(18-12-2006 rev. 26-03-2022)