Mary Ellen Curtin wrote:
| The client wants the page to have both a left border (purple) and a right
| border (green).
| Is there any way to stretch a background image to fit the viewport? Or
| should I divide
| the background into columns, each a different color?
Hi Mary, an easy solution could be this if you have to use
graphics borders. CSS part:
<style type="text/css">
html, html>body{
height: 100%;
/*just added for testing purpose even with blank page in
Opera and Mozilla, remove it when you've filled up the page*/
}
body{
background: url("leftborder.gif") top left repeat-y
}
div#main{
background: url("rightborder.gif") top right repeat-y;
margin: 0 100px;
}
</style>
and in the html:
<body>
<div id="main">
<!-- put all content here -->
</div>
</body>
Note the right and left margin should have at least same width
of the background images.
HTH,
SantaKlauss
