I created a website using DW CS4 www.hollisterairshow.com .When using my PC WinXp/IE and Firefox no problems occur in the layout. However, I have a couple of users who have reported problems when viewing the web site using their smartphones.
An iPhone user says the second heading line, containing flag/ date/ flag is not centered but aligned to the left, everything else is fine.
A Blackberry user says the second heading line is aligned correctly but the menubar that should appear on the left is missing !!
I don't have an iPhone or Blackberry, is there any way I can test this using my PC? Does anyone have any idea what could be causing these issues?
You've got the wrong kind of layout for mobile devices.
Either rebuild your desktop site with a liquid layout, build a mobile device version of the site or provide a simplified CSS for handhelds.
iPhone compatible CSS Layouts
Mobile web design tips and best practices
DEMO of a variable width layout based on user input
I agree with the previous poster here. I think the best answer to this is to create a seperate site for mobile users that is called on when detected. It will be tought to create a site that is optimal in both environments.