Forum Moderators: phranque

Message Too Old, No Replies

Page Border

         

Bob_Norris

9:50 pm on Feb 20, 2004 (gmt 0)

10+ Year Member



Hello,,

I would like to use a background image on a web page and have it re size according to the window size. It has border edges on it. Here is the type of graphic I would like to use: [cyberoperator.com...] I hope its ok to post links to pics here, if not Im sorry. So you see I would like to have a page that looks like a tv screen,, sorta.

Llama

12:37 am on Feb 21, 2004 (gmt 0)

10+ Year Member



[w3.org...]
I think that might be what you're looking for. It doesn't show up right on that page for me for some reason, but I think if pulled off right it'll look good for you.

I think that your post was a question, wasn't it?
If not, I'm sorry for getting confused.

grahamstewart

12:59 am on Feb 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The round shadow example above is pretty nice but unfortunately it won't work on Internet Explorer because it uses generated content and the max-width property - neither of which are supported by IE (but trust me it looks great in a proper browser :))

The usual approach involves breaking the border down into seperate divs (or table cells if table for layout is your thing).

For instance the top border consists of a fixed width curved corner, followed by a fluid div/cell that has a 1 pixel wide background graphic for the border edge that repeats in the X direction, followed by another fixed width curved corner.

Llama

6:51 am on Feb 21, 2004 (gmt 0)

10+ Year Member



"but trust me it looks great in a proper browser :)"
Yep, looks good in Mozilla.

grahamstewart

1:09 pm on Feb 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Yep, and Opera. :)

steelrane

5:26 pm on Feb 21, 2004 (gmt 0)

10+ Year Member



It looks great in firefox and firebird