Resolution Detect with graphics work around
I have a client who can't get past the idea that resolutions vary on computers; he sees a sample of his web site on my laptop and can't get past the "blank" space on the right-- I built the samples with a common resolution in mind, basically a static site that visitors will move through fairly quickly, but my laptop was set for a much higher res at the time I brought up the sample--
But I've got an issue here; the graphic header that he insists on is a set size which is hampering me-- sure I could build duplicate pages for redirection per resolution, but that's insanity!
I've considered using a frames solution, but this is a business site and I have concerns about direct linking off of search engines as well as other frame issues.
What the hell do I do on this? I'm familiar enough with PHP to suspect that my solution may lie there. I need some advice or direction on this issue.
How do I create a liquid site that has a fixed width graphic header on EVERY PAGE without using frames(I can't talk this guy out of this crazy stuff; he just refuses to listen; I'm getting him to sign waiver after waiver and I don't think I'll use this site in a portfolio at all) ?
I think it's a bad idea, but yes you could do that.
The problem is doing that for the first page that the user visits on the site during any session.
Resolutions takes some serious pratice learning to deal with. The best page I've ever made so far, that works with all resoltutions, uses % measuements in all my widths and heights through out the page so my content resizes with the screen. % mesausements are based on the browser window size not your resolution. Thus, if you resize your browser window to tinne-tiny, when using % measurements, everything in the page will shrink with it -- even though you haven't changed your screen resoltuion. And vice-versa -- if you expand your browser window, all the % content grows with the page.
It won't happen if you went one step futher by putting your body content into a DIV/container that has a set width and height in pixels.
Then, since everything contained within the DIV will be in % measurements, all of the tags/elements will "grow" or "shrink" to the appropiate size.
Last edited by Ultimater; 09-05-2005 at 10:37 AM.
It's true that CSS can't detect the screen's resolution, however, CSS can be used to make fluid width layouts.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)