ibowler wrote:
I want to apply a different stylesheet if the client is a mobile device.
Put something like this in the <head> section of the page. <style type="text/css" media="all"> @import "./styles/layout.css"; @import "./styles/presentation.css"; </style> <style type="text/css" media="screen"> @import "./styles/screen.css"; </style> <style type="text/css" media="print"> @import "./styles/print.css"; </style> <style type="text/css" media="handheld"> @import "./styles/handheld.css"; </style> CSS 2 Media Types[^] The media=all would be a general layout (header, body, footer, navigation, etc.) and presentation (color, background, etc.) for any media and the specialized by device style sheets override the things specific to the particular device.
Simply Elegant Designs JimmyRopes Designs
Think inside the box! ProActive Secure Systems
I'm on-line therefore I am. JimmyRopes
