This is a discussion on "different screen size problems" within the Web Page Design section. This forum, and the thread "different screen size problems are both part of the Design Your Website category.
|
|
|
|
|
 |
||
different screen size problems
|
||
| Notices |
 |
|
|
LinkBack | Thread Tools |
Feb 25th, 2008, 15:41
|
|||
|
|||
|
different screen size problems
Hi.
I made a pretty simple site just using HTML. I made a background image to use and also a few other little graphics. When I check the site on a few screens its fine, but when i checked it on a few other screens,, the background image is repeating at the right hand conrner and also at the bottom, plus the other grapichs which are aligned to the center, suddenly appear close to the right hand corner and the buttons in the middle go to the left side. Is this just a screen resolution problem?. Im wondering how to fix this. Im not sure which way to go to acctually fix it. 
|
|
|
|
Feb 25th, 2008, 16:08
|
||||
|
||||
|
Re: different screen size problems
It could be a browser specific problem. Could you post the site?
__________________
Resources Administrator
Grilling Gurus - Interviews with the Best Web Designers and Developers in the Industry Got a Question for Ryan Carson and his Web Design/Development team Carsonified? Jack Franklin - My Blog (It's a Pen in My Mouth BTW)
Last Blog Entry: My Latest Project - Grilling Gurus... (Jun 11th, 2008)
|
|
Feb 26th, 2008, 18:57
|
|||
|
|||
|
Re: different screen size problems
Got it fixed.
I tried it in several browers and it was fine on the normal resolution setting., The other screen was set to highest resolution. But i made the background image larger to make up for that and its fine now.
|
|
Mar 8th, 2008, 14:54
|
|||
|
|||
|
Re: different screen size problems
What happens if someone with even a high resolution visits the site??
|
|
Mar 8th, 2008, 15:26
|
|||
|
|||
|
Re: different screen size problems
Background images were made to repeat. That is until CSS came along. You might be using something like
Never rely on the user to have their browser maximized as well
|
|
Mar 8th, 2008, 15:39
|
||||
|
||||
|
Re: different screen size problems
A background image x pixels wide cannot fill a screen whose horizontal resolution is greater than x pixels. If repeat is on, it will repeat, and if repeat is off, you will get plain colored borders. CSS cannot stretch a background image (afaik).
You found the only simple way I know to fix the problem. Another possibility is to center the image and not repeat it, which will at least leave you with something tidier looking in wide resolutions. It is actually possible to size a background image dynamically, but it's so hard in practice I don't think anyone does it. Basically you have to use a pseudo-background, i.e. put the image in the html, use the browser to resize it and use the z-axis to put the content on top of it. I've never done it, so I don't know if you could use server-side scripting or whether you'd have to use javascript. Also you'd either have to have an image that looked good stretched, or else resize it vertically in proportion to horizontal stretch. Not to mention, browser resizing tends to make an image look terrible. Actually, with a fairly complex server-side program, you could regenerate the image. Like in PHP, you could read the image file into a temporary table and then regenerate it to fit the precise width of the screen using the gd library, and it should look pretty good. I just can't imagine anyone actually doing it.
|
|
Mar 8th, 2008, 21:54
|
|||
|
|||
|
Re: different screen size problems
Background Object to Fit Screen might help you out some. I know the post is old but I tried it out back then. And some of the links on her post might even lead to a few other better ideas as well if needed.
|
|
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Screen Res Help Please | diane1984 | Web Page Design | 6 | May 4th, 2007 23:15 |
| Screen resoloution problems on my website. | Marc | Web Page Design | 6 | Apr 13th, 2007 23:42 |
| Screen Shot | moojoo | Webforumz Cafe | 16 | Jan 26th, 2007 14:27 |
| Flash screen problems | bejamshi | Flash & Multimedia Forum | 2 | Oct 16th, 2006 02:34 |
| text size problems | Ice288 | Web Page Design | 3 | Jul 18th, 2005 11:05 |
