SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    790
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How My Site Looks On A Blackberry

    Here is the website in question:

    LINK-
    Tennessee Orthopaedic Clinics | Orthopedics, Surgeons, Surgery, Sports Medicine, Knoxville, East TN, Spine, Knee, Shoulder

    I am trying to determine (1) how it looks on the Blackberry device or devices and (2) how to style this site so that it looks accurate on this device.

    I have tested the site on an iPhone and it holds up well. But Blackberry users have commented that the site does not look or function well at all on the Blackberry.

    Is there an emulator for Mac that can show how the website looks on a Blackberry? And are there CSS tricks that target the Blackberry device?

    Todd
    Todd Temple > T2 Design

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,821
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Hi,

    You can find a number of tools listed here but I haven't tested any apart from the apple iphone emulator which is a correct emulation of the iphone and not just a screen fit test.

    You can test your media queries out here:

    ProtoFluid. Rapid Prototyping of Adaptive CSS and Responsive Design.

    I'm guessing that your site will be broken on small devices because of the absolute positioning on the wrapper and the silly centring routine you have used. On smaller screens the layout will have slid off the the left and be unreachable.

    Change your wrapper to position:relative, remove co-ordinates and then use margin:auto to center it and then it will at least stay in the viewport

  3. #3
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    790
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Hi,

    You can find a number of tools listed here but I haven't tested any apart from the apple iphone emulator which is a correct emulation of the iphone and not just a screen fit test.
    Most of those tools are PC based and, unfortunately in this case, I am on a Mac. Thanks for the resources though, Paul!
    Todd Temple > T2 Design

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,821
    Mentioned
    158 Post(s)
    Tagged
    4 Thread(s)
    Have you had a look on the resources section here as Allan has put together a lot of useful stuff.

  5. #5
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,233
    Mentioned
    47 Post(s)
    Tagged
    1 Thread(s)
    Um, you totally want to check out the research of PPK (http://www.quirksmode.org/blog/archives/2009/03/testing_mobile.html) because he's probably tested the most phones and mobile browsers out there than anyone else. And, there are some proprietary browsers who insist on rendering things like crap, and there's little you can do. But I think keeping tabs and reading the results from PPK's research will give you a better idea (he might also link to emulators but not sure... and besides, Vodafone gave him like 60 phones to play with... the guy walks around with at least 6 phones with him at all times).


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •