#111968 - jake2431 - Tue Dec 12, 2006 2:50 am
Hey, guys. I need some help. I am having trouble with a background image. It looks fine on my computer, but some of it is cut off on my friend's. I assume it is because of his resolution, but I wasn't with him when he looked at it. I do not know too much about using HTML or CSS, but is there a tag or some other way that I can make the background fit in the browser, no matter the resolution. This is for a myspace profile, but I am sure that doesn't matter.
#111978 - tepples - Tue Dec 12, 2006 4:53 am
The subset of CSS supported by Firefox and IE 6 provides no way to scale a background image. Wikipedia works around this by providing a background designed to extend past the right side and to blend into a pretty much solid area on the bottom. But given the garish layouts I've seen on many myspace pages, have you carefully considered whether your choices of background and text colors maintain readability of text?
_________________
-- Where is he?
-- Who?
-- You know, the human.
-- I think he moved to Tilwick.
#112082 - jake2431 - Wed Dec 13, 2006 2:43 am
Yeah. The only color on the background image is light blue-gray and it is only around the edges. The rest is white, so black text shows up really well. No problem in that area. What size background is generally used to fit inside of the bowser?
#112089 - tepples - Wed Dec 13, 2006 3:20 am
| jake2431 wrote: |
| What size background is generally used to fit inside of the bowser? |
For bowser use fireballs. If by "bowser" you mean "browser", then you have to take into account people with window sizes from 256x192 pixels (Nintendo DS Browser, or cell phones) to 1920x1080 pixels (HDTV-style LCD).
_________________
-- Where is he?
-- Who?
-- You know, the human.
-- I think he moved to Tilwick.
#112101 - jake2431 - Wed Dec 13, 2006 6:37 am
Yes, I meant browser. . . thanks. I am asking what the average is, if you know. There has to be one size used more than others, and it would have to be smaller than the resolution. I want it to only be as large as the web display area of the browser.
#112113 - keldon - Wed Dec 13, 2006 11:35 am
There is no average when dealing with websites. Make sure it can be viewed in [at least] 800x600. Any minimum above that is just stupid.
And avoid colours that make the text difficult or impossible to see properly.
#112238 - jake2431 - Thu Dec 14, 2006 7:35 pm
I know you said that there is no scale feature, but is there any way to do if statements? Can I check the resolution of a computer and display a different image depending on it? I'm sure I can't, but I have to ask.
#112294 - tepples - Fri Dec 15, 2006 1:01 am
| jake2431 wrote: |
| I know you said that there is no scale feature, but is there any way to do if statements? Can I check the resolution of a computer and display a different image depending on it? I'm sure I can't, but I have to ask. |
JavaScript code running on the PC can query the width of the window and download the appropriate background-image, if that's what you want.
_________________
-- Where is he?
-- Who?
-- You know, the human.
-- I think he moved to Tilwick.
#112296 - jake2431 - Fri Dec 15, 2006 1:04 am
Yeah, I used javascript quite a bit a few years ago, but myspace doesn't allow it that I know of. I will check again to see if my memory is wrong, but I don't think I can use it.
#112319 - sgeos - Fri Dec 15, 2006 6:21 am
You generally don't need javascript. Almost anything you'd need to do can be done with CSS. ...except that IE6 is broken and needs javascript at times.
When you make a site for the PC, test it in IE6, Firefox, Netscape and Opera. I believe that Mozilla is defunct. Testing on Safari (mac) is probably a good idea, but if the site works with Firefox, Netscape and Opera, then it will probably work with Safari. (At least I have not found any problems.)
If you want people to be able to print your site, you'll have to carefully consider how you want to go about doing that. CSS does not work well with printers.
If I really wanted my site to work with PCs and low resolution devices (DS, cell phone), I'd consider makeing two versions of the site.
-Brendan
#112325 - tepples - Fri Dec 15, 2006 6:50 am
| sgeos wrote: |
| When you make a site for the PC, test it in IE6, Firefox, Netscape and Opera. I believe that Mozilla is defunct. |
Mozilla Suite is now Seamonkey, and it uses the same Gecko rendering engine as Firefox.
| Quote: |
| If you want people to be able to print your site, you'll have to carefully consider how you want to go about doing that. CSS does not work well with printers. |
O RLY? Prince software (review) produces beautiful printouts of CSS paged media, and professionals consider it worth every penny.
| Quote: |
| If I really wanted my site to work with PCs and low resolution devices (DS, cell phone), I'd consider makeing two versions of the site. |
Which should ideally differ only in their stylesheets.
_________________
-- Where is he?
-- Who?
-- You know, the human.
-- I think he moved to Tilwick.
#112328 - sgeos - Fri Dec 15, 2006 7:02 am
| tepples wrote: |
| sgeos wrote: | | When you make a site for the PC, test it in IE6, Firefox, Netscape and Opera. I believe that Mozilla is defunct. |
Mozilla Suite is now Seamonkey, and it uses the same Gecko rendering engine as Firefox. |
I'd treat it as something different for testing purposes. At times Mozilla/Firefox/Netscape testing gave slightly different results.
| Quote: |
| Quote: | | If you want people to be able to print your site, you'll have to carefully consider how you want to go about doing that. CSS does not work well with printers. |
O RLY? Prince software (review) produces beautiful printouts of CSS paged media, and professionals consider it worth every penny. |
I can't expect every site user to own Prince. Even if it was free that would be a little far fetched.
| Quote: |
| Quote: | | If I really wanted my site to work with PCs and low resolution devices (DS, cell phone), I'd consider makeing two versions of the site. |
Which should ideally differ only in their stylesheets. |
In theory yes. If you can make that theory work, fantastic. It can be done. In practice, 256*192 is small any you may very well need to do something a little different.
-Brendan
#112335 - keldon - Fri Dec 15, 2006 10:01 am
If you completely obey accessibility testing then you are usually fine.