This post originated from an RSS feed registered with Java Buzz by dion. Original Post: Blackberry: No support for display: none?? Feed Title: techno.blog(Dion) Feed URL: http://feeds.feedburner.com/dion Feed Description: blogging about life the universe and everything tech Latest Java Buzz Posts Latest Java Buzz Posts by dion Latest Posts From techno.blog(Dion)

I am working on an application that has a lot of Blackberry users (which meant that I had to get a Blackberry, but that is another story).

We are working on a full mobile version of the application, but we get 70% there by having CSS specific for the mobile via either:

• Separate style sheet via media="": <link rel="stylesheet" href=".../style-handheld.css" type="text/css" media="handheld" />
• Within the main stylesheet: @media handheld { }

Great. Simple. We have been doing this already for print-friendly versions of the site.

Most of the work to make the site handheld friendly is just getting rid of stuff. Stuff as in navigation and extra crud. We have a lot of:

#rightbar, #xnav, .bubbles, ... {
display: none;
}

Then we found out that the BB doesn't support display. It has a pretty poor support for CSS (as seen in the dev guide).

So, there goes the simple short term solution.

Of course, we want a mobile specific site because:

• We don't want to force the mobile to download everything (JS etc), especially with the US download speeds ;)
• We want a mobile specific UI (a la bbc.co.uk/mobile)

It will be fun to see if responds_to { ... } will be enough (having a mobile setting). Then the same controller/actions can be used for HTML, Mobile site, and our XML representations.