stopheone
asked on
css sniffer browser issues
Hi
I'm working on a site at the moment , the elements are all in layers, the layout is done in css.
To make it work at 800x600 and 1024x768 screen resolutions it uses a sniffer to choose between a couple of different css files that have different properties so it works on both resolutions. This works fine in IE 5 and 6 but it doesn't work in 4. Also i'm having problems in netscape.
Does anyone know of a better code I can use to choose between the css that will work on IE 4 and netscape
the first page of the site can be found at http://www.frogmore-consulting.co.uk/
and the code I'm using is pasted below.
Thanks
<script type="text/javascript">
//<![CDATA[
function sniffer() {
var screen_height = screen.height;
var screen_width = screen.width;
if (screen_height >= 768) {
screen_width = 1024;
screen_height = 768;
document.getElementById("f
}
else {
screen_width = 800;
screen_height = 600;
document.getElementById("f
}
}
window.onload=sniffer;
//]]>
</script>
I'm working on a site at the moment , the elements are all in layers, the layout is done in css.
To make it work at 800x600 and 1024x768 screen resolutions it uses a sniffer to choose between a couple of different css files that have different properties so it works on both resolutions. This works fine in IE 5 and 6 but it doesn't work in 4. Also i'm having problems in netscape.
Does anyone know of a better code I can use to choose between the css that will work on IE 4 and netscape
the first page of the site can be found at http://www.frogmore-consulting.co.uk/
and the code I'm using is pasted below.
Thanks
<script type="text/javascript">
//<![CDATA[
function sniffer() {
var screen_height = screen.height;
var screen_width = screen.width;
if (screen_height >= 768) {
screen_width = 1024;
screen_height = 768;
document.getElementById("f
}
else {
screen_width = 800;
screen_height = 600;
document.getElementById("f
}
}
window.onload=sniffer;
//]]>
</script>
ASKER
Really, 0.1%? thought it would be higher, Is it possible for anyone to point me to a site that gives these statistics on browser use?
I've tested in netscape 4.5 and it didn't work. Maybea thats to old a browser for me to worry about?
The layout has to change for 800x600. I found that I could layout the site using percentages but to get it spot on the layout needs to change.
Also wondering if anyone has a better version of the java script that I'm using.
cheers
I've tested in netscape 4.5 and it didn't work. Maybea thats to old a browser for me to worry about?
The layout has to change for 800x600. I found that I could layout the site using percentages but to get it spot on the layout needs to change.
Also wondering if anyone has a better version of the java script that I'm using.
cheers
This is a preety good resource. It stopped noting IE 4 at the end of 2002.
http://www.w3schools.com/browsers/browsers_stats.asp
This shows it at or below .1%
http://www.upsdell.com/BrowserNews/stat.htm
N4.5, yes. It handles CSS so badly that it's simply not worth coding for. Remember, anyone using that browser will see broken sites all over the web, not just yours :-)
http://www.w3schools.com/browsers/browsers_stats.asp
This shows it at or below .1%
http://www.upsdell.com/BrowserNews/stat.htm
N4.5, yes. It handles CSS so badly that it's simply not worth coding for. Remember, anyone using that browser will see broken sites all over the web, not just yours :-)
sean says: << Also curious about what it is that you're modifying for the different resolutions. Are you absolutely 100% positive there's no other option? >>
That's an important question to address. Can you resolve your browser issues by creating a fluid layout with CSS using percentage widths?
If not, one method is to use javascript to automatically redirect to the page that best suits the users screen resolution - bad idea, very labor intensive, but you can modify the script not to redirect, but to select/include a css config file based on browser resolution (very similar to what you are doing).
If this suits your purpose, you can find a couple of options at http://javascript.internet.com/user-details/resolution-page.html or http://www.dynamicdrive.com/dynamicindex9/info3.htm.
That's an important question to address. Can you resolve your browser issues by creating a fluid layout with CSS using percentage widths?
If not, one method is to use javascript to automatically redirect to the page that best suits the users screen resolution - bad idea, very labor intensive, but you can modify the script not to redirect, but to select/include a css config file based on browser resolution (very similar to what you are doing).
If this suits your purpose, you can find a couple of options at http://javascript.internet.com/user-details/resolution-page.html or http://www.dynamicdrive.com/dynamicindex9/info3.htm.
IE4 does not understand DOM1 methods:
lines like this:
document.getElementById("f
need to use:
document.all["foo"].href="
It may also parse wrong for
<![CDATA[
Something we never used way back then so I'm not sure.
As for NS4 none of that is going to work you can have an id for a stylesheet.
What you do have there should work for 97-98% of users. The relics and fringe browsers are not cost effective to support unless youhave a uniques site that attacts a very stange crowd. Check your onw server logs to see if any of your visitors are actually using the old remnants of a simpler age.
Cd&
lines like this:
document.getElementById("f
need to use:
document.all["foo"].href="
It may also parse wrong for
<
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Glad we could help. Thanks for the A.
Sean, thanks for the early morning support.
Cd&
Sean, thanks for the early morning support.
Cd&
Happy to help out in any way I can. I likely just had less beer last night...
Also - do you have a specific requirement for IE 4 - it has less than 0.1% of the market, so I'm curious...
Also curious about what it is that you're modifying for the different resolutions. Are you absolutely 100% positive there's no other option? Just wanted to explore that last point - but feel free just to say, No, there isn't :-)