Background Pictures Changing Size With Different Resolutions

Seafury888 · Aug 5, 2003

Heres the code:

Code:

<body background=&quot;LOGO_porky1.jpg&quot; height = &quot;100%&quot; width = &quot;100%&quot;>

I added in the height and the width attributes to see if they helped and they didn't. The picture I'm using will be fullscreen at 800x600 res, but it is smaller and repeats as a tile at 1400x1050. I would like the picture to stay fullscreen at any resolution and not have to become a tile. Any suggestions or is this unresolvable?

Thanks
Ian

WizyWyg · Aug 5, 2003

Dont do that at all?

Use a framed site.

Oh and i suggest that you dont do it at all.

maboline · Aug 5, 2003

You can't have a width and height attribute in the body tag. To get what you want you have to do the following:

1. set margins to 0 and overflow: hidden in the body style sheet

<style>
body { MARGIN: 0; OVERFLOW: hidden; }
</style>

2. define the pic with height and width 100% immediately after the body tag.

It will look like a background picture now.

Hope that is what you are searching for.
mab

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Background Pictures Changing Size With Different Resolutions

Seafury888

Programmer

WizyWyg

Technical User

maboline

Programmer

Similar threads

Part and Inventory Search

Sponsor