Webmasters Stack Exchange is a question and answer site for webmasters. It only takes a minute to sign up.
Sign up to join this community
I have a issue whereby images that are I div because of the style percentage width property will get resize weirdly and will not display correcty in pc or mobile iPhone
What is the best way to position div for mobile purpose viewing
Percentage or there are other alternative?
Taking into consideration tat the image may be resize
Generally speaking you will want to use relative widths (percentage or em based), because they scale far better than fixed width items.
Does the same thing occur when you view your website on a browser that has been sized very small? (Especially web-kit browsers)
As has already been mentioned, valid code is an excellent start to cross browser compatibility.
Percentages are probably the best way. I use the Foundation template which essentially allows nested grids. That is to say, a top level grid would be the maximum width and if you nest one in side four columns, twelve columns would be equivalent to the maximum width (the four columns).
EDIT: Please note that in this case, the maximum size is specified in pixels.
Try validating your site against an xhtml validator like the one at w3schools.com. If it passes the validator, there's a decent chance that it'll display pretty consistently in whichever browser you use.
