How to place a layer so it is always in the upper right corner and low

[rizza]

Is this possible with just CSS alone or does it require Javascript.

http://www.howsmydragging.com

I have a "blueprint" type look to my site have images in the upperright and lowerleft corners that kinda frame it in.

Look at the site and you'll see what i mean.

Is there some way to always have the corners of my page framed in like that regardless of scrolling.

And frames wont work because the length of those lines is relative to screen resolution 800x600 being the lowest it supports. So the vertical lines would end taking half my space.

Any help someone can give me would be greatly appreciated.


If it requires JavaScript am i going to have to dectect the user resolution? so i can use that as a refrence where to set my objects using php to write the css style?????

Thanks,
rizza
Sometimes a little knowledge can get you into trouble!

 

[RISTMO]

"regardless of scrolling"--do you mean that even if the page is three pages long you want to see the images in their current positions so you don't have to scroll to see them? Or do you want them to always be the first and last things on the page so that after you've scrolled to the third page you see the bottom one?

Rick

 

[RISTMO]

Ok. After reading a different thread, I see that you want the pictures in the corners so that the content can flow through them. Instead of converting to css and layering, all you really have to do is take the image out of the table and set their absolute positions.

<img src=&quot;upperright.gif&quot; style=&quot;position:absolute;top:0;right:0;&quot;>
<img src=&quot;lowerleft.gif&quot; style=&quot;position:absolute;bottom:0;left:0;&quot;>

You may have to leave <td height=&quot;the image height&quot;>&nbsp;</td> in place of the picture where it is now if you have your text appearing &quot;over&quot; the images.

Rick