Forum Moderators: open

Message Too Old, No Replies

100% height image

border image wont work

         

whizkiddo

6:29 am on Jan 6, 2008 (gmt 0)

10+ Year Member



Hi,

I am looking for a way to have a border image (16 x 11) pixels in dimensions to be replicated continously over the length of the page. It works when I change the width to 100% (I am using a table and using this image in the cells for border). So I am able to have a border on the top and bottom but not on the sides. It wont work if i do the same thing for height. Again , it works if I manually give it a fixed pixel size. but since the pages are dynamic , the height of the page differs depending on the content and the resolution of the users monitor. I know it can be done, can anyone please help me?

lavazza

10:07 am on Jan 6, 2008 (gmt 0)

10+ Year Member



I'd be tempted to use CSS Faux Columns with:

background:url(images/myBorderImage.png) top left repeat-y;
in two vertical (left and right) 'columns'

and

background:url(images/myBorderImage.png) bottom left repeat-x;
in the two horizontal (top and bottom) 'columns'

See Google: Results 1 - 10 of about 25,500 for css faux columns [google.com]