The site looks normal on a computer and iPad, but when viewed on an iPhone it seems that the footer does not move under the divs above it. Can anyone explain why this is happening and what I can do about it?
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
The iPhone renders text larger if it considers it too small to be readable.
This increases the heights of the containing Html elements pushing them further down the page.
Because your footer is not inline with the elements above it doesn’t get pushed down.
To simulate this effect in Desktop Safari go to Safari’s View Menu and enable Zoom Text Only.
Now while viewing your page use Cmd + to increase the text size (a couple of times should do it) and watch your text boxes disappear behind the footer.
Solutions
1 An inline layout
2 Use the RPL action
3 A heavy handed approach for iPhone which is not really recommended:
-webkit-text-size-adjust: none
David
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Strange thing is, I did use the RPL action with the make item into page footer action.
Well, I am changing my own site to inline, so I think I have to do this one as well…
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options