Fri, 2005-03-04 20:12
Hi all:
Here is the link: http://www.hellocanadajp.com
The site is based on a slightly modified version of the glish 3-col holy grail, with fluid center column.
I tried my best to optimize the site with lower screen resolutions in mind, but I didn't really focus on lower than 800 x 600px. Apparently, a few people looking at the site form Japan, are using small hand held palm top computers, and are looking at it with a res of 640 x 480, which is causing some of the right hand column to overlap with the center column.
Is this something I should be hugely concerened with? What would a potential workaround be if it is? For example, would the best option be to use some sort of javascript to detect the screen res and import a different style sheet? Is that the only workaround? Personally, I've wanted to try and get away from doing things like that.
Also, I had to display some of the center column content in two nested divs inside it, based on the client's wishes, which may be causing a few problems as well.
Otherwise, beyond that, and comments or suggestions for improvements/tweaks would be greatly appreciated.
thanks,
moonboy
Fri, 2005-03-04 20:26
#1
Re: site check please: question re: 640 x 480 resolution com
moonboy wrote:
Apparently, a few people looking at the site form Japan, are using small hand held palm top computers, and are looking at it with a res of 640 x 480, which is causing some of the right hand column to overlap with the center column.
Is this something I should be hugely concerened with?Absolutely! 
What you should do is ensure that the site makes sense without the CSS file (move the CSS file and look at the page/make sure everything looks "in context") and then write a CSS to take that into account with a media type of "handheld". Don't use sidebars in the handheld CSS file.
Fri, 2005-03-04 20:32
#2
site check please: question re: 640 x 480 resolution compati
Fri, 2005-03-04 21:23
#3
site check please: question re: 640 x 480 resolution compati
ok, so to not have the right and left columns, should I just make those divs relative vs. absolute as in the original css file, that way they will float?
You see, I'd like to have to avoid changing anything in the actual html files at this point...
Also, what are you tending to do re: IE4 and Netscape4... do you write separate style sheets for those or ignore them as they are so out od date?
thanks much,
moonboy
Sat, 2005-03-05 13:38
#4
site check please: question re: 640 x 480 resolution compati
for the content that isn't required on handhelds - your menus, sidebars etc, assign them a display:none; in the handheld css.