Hello, I want to display a different web page for a mobile user to my page. How can I do this and show a different page to mouse and laptop users? Does anyone have any recommendations on doing pages for the mobile users- any literature I can read? 
You can do this via Meta, PHP, or Javascript. You can also set a CSS File for specific use for mobile browsers.
Javascript will be the easiest
<script type="text/javascript">
<!--
if (screen.width <= 700) {
document.location = "yourmobilepage.html";
}
//-->
</script>
A very popular slideshow on progressive enhancement may give you some ideas.
Rethinking the Mobile Web by Yiibu
This may not always work for very complex sites, but it’s a great way to keep all your content together while using stylesheets to show different sites to different users.
hi all - can anyone expand this thread by posting a reference on how to redirect people via meta/server side??
I recently read that it’s actually best to keep people on the same url (for seo: Google Recommends Single URL For Smart Phone Mobile SEO) so can i also ask how to serve a different stylesheet to mobile users (not using javascript?)
Thanks!
Hello,
I wouldn’t use a javascript solution. I wouldn’t use a specific url.
I would use a Responsive approach, using media queries.
Best,
t.
thanks - can i ask would this still be best approach if just designing a basic, simple page for all mobile browsers?
do any modern handheld browsers not handle responsive web design well?
i ask the latter because a recent article i read discussed how different browsers handle or ignore css media queries/inclusion of a handheld stylesheet
all i really want to do at this point is, instead of showing my users a full website, show them a much less detailed page with contact information and perhaps a quick form, and an address.
the reason i want to use css to hide all the other features and manipulate content, rather than redirect people, is that apparently this is the best way for seo.
a server side redirect id assume would be the next best thing…
As far as handheld device are concerned, media queries are perfectly fine.
You’d be in trouble with older versions of ie, but a .js file could solve that for you.
I’m all for simplicity and the JS browser size detection, backed up by a ‘go to mobile version’ button, seems really simple. Then you need a link back to the main website for those who want to go there. But the main site will just zap them back to the mobile version. How do you get around this endless loop?
You can try goMobi or you can also get mobile web templates from various places on the web.
GoMobi allows you to create simple mobile websites with different options for the user. It is sort of an all in one type package.
Mobile web templates are the Do It Yourself approach. You can also outsource a mobile website and template.