467,077 Members | 957 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,077 developers. It's quick & easy.

Background image

I took a photo 3600x2400 (8mg) into photoshop and reduce it to 250x188
for a background and to load faster, but it only coming up either as a
repeat or a small box.

I use this:

<style type="text/css">
<!--
body {
background-image: url ("parklawn1.jpg");
background-color:transparent;
background-repeat: no-repeat;
}
-->
</style>

I added background-position: 100% 100%; with no luck and it puts in
the bottom cor.

Even replace " with ' and no different

If I increase the photo in photoshop to 500x366, still does not come
out as a full page.

What do I have to do to get it to fit full page?

Thanks
Mar 9 '08 #1
  • viewed: 1623
Share:
1 Reply
In article
<4c**********************************@u69g2000hse. googlegroups.co
m>,
drum118 <dr*****@hotmail.comwrote:
I took a photo 3600x2400 (8mg)
Milligrams? This an underwater camera?
into photoshop and reduce it to 250x188
for a background and to load faster, but it only coming up either as a
repeat or a small box.

I use this:

<style type="text/css">
<!--
body {
background-image: url ("parklawn1.jpg");
background-color:transparent;
background-repeat: no-repeat;
}
-->
</style>

I added background-position: 100% 100%; with no luck and it puts in
the bottom cor.

Even replace " with ' and no different

If I increase the photo in photoshop to 500x366, still does not come
out as a full page.

What do I have to do to get it to fit full page?
You would have to know exactly how big the browser window is
going to be. A background picture is - size-wise - the dumbest of
the dumb. It does not stretch and simply sits there where you
say. To make a stretchy image there are two different strategies:

(1) Use an image that does look ok when repeated. A plain bit of
blue of 1px by 1px will simply fill whatever the size the browser
is in whatever direction you say, horizontal or vertical. The
default is both.

(2) Use an <img src="" ... and give the dimensions as
percentages (of the containing box, might be a div which is
dimensioned to fill the whole window)

--
dorayme
Mar 9 '08 #2

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

27 posts views Thread by Kevin Yu | last post: by
13 posts views Thread by Giggle Girl | last post: by
3 posts views Thread by Viken Karaguesian | last post: by
2 posts views Thread by Patrick | last post: by
16 posts views Thread by stevedude | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.