Skip navigation

Dreamweaver CC

Streetwitch Calculating status...

Currently Being Moderated

Problems with mobile css

Nov 16, 2011 2:59 AM

Hi, I'm trying to sort out a rendering problem for an Android phone via a css and can't get it to work. Its the first time I've tried to do this so I'm obviously misunderstanding something. I thought it was as simple as attaching a 'handheld' stylesheet and have set up a test class which adds a large red box, but although it appears on the DW display (I'm using CS4) it doesn't appear on my phone.

Can anyone help?

Here's the page: http://www.empathydesign.co.uk/dev/mobile.shtml, usr name: text, pw: adobe7. The class should be styling the word TEST near the top of the page.

By the way, the problem that I'm trying to sort out is the position of the magnifying glass in the search box, but I obviously can't do this until I understand how to deal with css for mobiles,

Thanks

http://www.empathydesign.co.uk

430 Views 4 Replies Latest reply: Streetwitch, Nov 16, 2011 7:01 AM

Replies

514 posts
Apr 6, 2006

Currently Being Moderated

1. Jim Carpenter,

Nov 16, 2011 5:50 AM in reply to Streetwitch

Report

Your login informatoin is incorrect. I can't login. Can't login, can't look!

Jim

|
Mark as:
Currently Being Moderated

2. pziecina,

Nov 16, 2011 5:53 AM in reply to Streetwitch

Report

Hi

A css 'Handheld' stylesheet rarely works on modern smartphones as the browser used on these identify themselves as a normal browser, (which they are, and often with more capabilities regarding html5/css3 than many desktop versions).

The simplest way to get mobile devices to use a specific stylesheet is to use media-queries, for an excellent introduction to these see - http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-que ries.html.

PZ

|
Mark as:
Currently Being Moderated

3. Streetwitch,

Nov 16, 2011 6:59 AM in reply to Jim Carpenter

Report

OOps sorry - the user name should be 'test', not 'text - thanks!

|
Mark as:
Currently Being Moderated

4. Streetwitch,

Nov 16, 2011 7:01 AM in reply to pziecina

Report

That would certainly explain it - I'll have a look. Really irritating, just the one glitch on the page, fine in all the other main browsers on my laptop

Thanks,

SW

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points

Dreamweaver CC

Problems with mobile css

Nov 16, 2011 2:59 AM

More Like This

Bookmarked By (0)

Answers + Points = Status