CSS is vitally important in making your site mobile ready. I ended up making 3 CSS media sections in one CSS file:

• @media screen – contains all the CSS positioning informaiton, font sizes needed for the screen, etc.
• @media handheld – the CSS for handhelds. This removed a lot of unneeded parts of the screen (footer text), and doesn’t include positioning information.
• @media print – CSS for when the page is printed. This changes the font size for printing, labels links for printing, turns off unnecessary navigation (left hand menus, footer, etc) and anything else to make your site look good when printed.

Setting up CSS for mobile phones is easy enough but what about modifying your site to handle these users. Considering the total people using a mobile phone to surf in a business environment is minimal so you want to minimize the additional webmaster time spent supporting this implementation.

I found this script at http://www.brainhandles.com/2007/10/15/detecting-mobile-browsers/… Read the rest