You can certainly use javascript to detect the width and that will work fine in most situations. However, when your pages are viewed in a browser where javascript is not available or turned off you might like to add a CSS include in a section.

You might also like to try, instead of document.write, use javascript to change the class on (for example) the body, you could then use a single css file for different width. For instance, if the width is detected as wide, then add “wide” to the body class. In the css file the use the class selector .wide .

Mat

Hope you are doing great and nice to read your article. According to the website http://www.quirksmode.org/dom/w3c_cssom.html I found out that screen.width
is supported by all browsers listed there. Now I am developing a mobile version of a website and of course it has a separate style sheet. Therefore what I did is the following:

if(screen.width>50 && screen.width<799)
{
document.write('’);
}
else
{
document.write(”);
}

I tested it on firefox-linux, chrome-linux, ie7-vmware and on an android emulator and it works. Do comment and let me know what you think about it.

Thanking You

Imran
Software Engineer

I totally agree, life would be so much simpler without IE! I’m counting down the days, but until then, I only code for compliant browsers, with a limited number of fixes for IE just so it “works”.

Maybe IE9 will be better…