Steve wrote:
> Leslie <> wrote:
>>I'm building a page with a background with a 100px left border. (the
>>background image is 1500px wide to accommodate various browser
>>resolutions)
> Well those that lie between 700px an 1500px width at any rate...
>>I've got a 600px wide banner graphic that I want to
>>place at the top of the page and centered in the area that's to the
>>right of the page border.
>>If I use absolute positioning I'm presuming everyone viewing the page
>>will be viewing it at the same resolution I am. That obviously won't
>>be the case.
>>I'm guessing I should be using relative positioning, but how? What's
>>the code I should use?
> I wouldn't use positioning at all.
> .banner {
> text-align: center;
> margin-left: 100px;
> }
> <div class="banner"><img src="banner.gif" alt="Banner" width="600"
> height="60"></div>
> Steve
Here's one possible method you can try, which I did test out and it works:
Notice there is no dot before [body].
body { background-position:center;
background-image: url("image.gif");
background-repeat: no-repeat;
border-color:#0000ff;
border-left-width:100px;
}
..banner { position:absolute;
left:10px; top:10px;
height:130px; width:600px;
background-color:blue; <<< color by name or number. #0000ff or
rgb(0,0,255)
background-image: url("banner.jpg");
background-position:center;
background-repeat:no-repeat;
}
<body>
<div class="banner"> text goes here</div>
</body
In my testing though, I found that "border-left-width" produced a black
portion then gave a distorted coloring of the rest of the field.
If that happens to you, just create a a division the width desired and color
it as desired.
www.stonware.dk get the page builder as it has a library of tags and
attributes for html, javascript and even css.
and it's free.
Similar Threads
