HTML Help

fulfilla · Joined: 17 Apr 2006 Posts: 4

I need some help,

I'm building a website and having trouble trying to figure out how to keep the background image the same size on every monitor screen. Also I want to have to the whole background image remain visible no matter how small are large you resize your IE window, if possible.

Let me know if it's possible or not. What I have up so far is here at this link --> http://www.genuinelife.com/g1magazine/itm

If I need to explain more as to what my question is, please reply....

Thank You.

Corey Bryant · Posted: Tue Apr 18, 2006 3:30 am

You will need to use CSS to do something that you would like: freeze background or Creating a Non-tiles background and Background Images that scale to Browser Window

_________________
Corey
Loud Commerce | Loud Worx | Merchant Account Blog

fulfilla · Joined: 17 Apr 2006 Posts: 4

Yes, I'm using CSS to position my background image and keep it in a fixed position so that when a viewer scrolls, the image doesn't scroll in the background.

But I've been looking for the code that will automatically detect and scale my background image to fit any browser window or screen resolution... I was reading through one of the links that you posted here and the guy pretty much has the same question I do.

Your response to him was try using JavaScript, and make different sizes of my background image. I'm don't know a whole lot about JavaScript, I'm trying learn more about it, is there a way that you can show me the code needed to handle the job, or direct me to another site that may help me if you can....

Thank You for everything Corey.

Corey Bryant · Posted: Tue Apr 18, 2006 9:56 am

Well what I was referring to was a redirection script. The issue would be you would need to create a backgound image / web page for each resolution that you desire.

You could use a server side language and specific images - but that would require quite a bit of coding.

_________________
Corey
Loud Commerce | Loud Worx | Toll Free Solutions

fulfilla · Joined: 17 Apr 2006 Posts: 4

Yeah I don't know anything about server side coding, but I went to the site that you gave me, and I think that will push me off to a good start...

Now I have a new question, do you know the specific sizes that my background image should be, in a browser window, with the different screen resolutions? So that my background image doesn't get cut off

Corey Bryant · Posted: Tue Apr 18, 2006 12:20 pm

Usually for 800X600 - it is around 760-770 pixels wide - but the problems would be - you are assuming that they will have the browser maximized.

Plus with the height, people might have many more toolbars installed - so you will be hard pressed to guess. For example, on IE I have Google and Alexa. And on Firefox, I have that tabbed browser, a web developer tool bar, a SEO tool bar, a google search tool bar and the regular tool bar

_________________
Corey
Loud Commerce | Loud Worx | Merchant Account Blog

fulfilla · Joined: 17 Apr 2006 Posts: 4

well hmmm.... I see what your saying...

I don't know how to get around that problem.

... Another question, when coming to the homepage of this site here, the image fits the screen when you minimize your browser window and still fits the window when you maximize it. ( I know the site is made in flash)... inorder to get my background image to do the same thing their homepage does, I would need to do my background image in flash, and position my text with CSS?

Corey Bryant · Posted: Wed Apr 19, 2006 3:10 am

Basically - if you do it in flash - do everything in flash. You have a lot more control but they are using Code: movie:"splash_base.swf", width:"100%", height:"100%", majorversion:"6", build:"0", bgcolor:"#FFFFFF", quality:"best" to control the width / height

_________________
Corey
Loud Commerce | Loud Worx | Merchant Account Blog