By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,739 Members | 1,081 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,739 IT Pros & Developers. It's quick & easy.

Background image

P: n/a
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
Share this Question
Share on Google+
1 Reply


P: n/a
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.