This is Paul, hope someone can point me in the right direction…
I have built a website for one of my clients using Freeway Pro 5.5 and simply love the software, but unfortunately I keep having a small issue with text moving.
The text seems to appear differently from browser to browser, and if I don’t compensate for some browsers, Firefox for example. The text seems to drop lower than the HTML text box so looks unsightly. I know I could add a scrollbar but I don’t particular like scrollbars because they seem to cause issues when viewing the site on the iPhone…
Not that this is much of a problem if a leave extra space in the HTML text box. But I was just wondering if there is a way to set the text so it displays exactly the same way regardless of platform or browser?
Paul, you need to apply a zero height to your text boxes so they can be fluid and expand and contract with your text. Try in Safari and enlarge the text by pressing the apple and + keys.You will notice that your text extends beyond the text box.
In the FW Inspector under the Dimensions heading you will see the horizontal and vertical dimensions of your text box. The small up and down arrows next to the dimensions will have a grey background - click on the arrows and the background will change to white. When it’s white your html text box will grow with your text.
Also one of the easiest ways to check if you are going to have problems is by using Safari’s View>Zoom Text Only feature.
With this turned on Use Cmd+ and Cmd- to increase and decrease the displayed font size - this will simulate how different Browsers (and different users) will see your text. Remember that some users will have changed the default minimum font size to display.
But on your example page your text boxes are on different layers which allows them to overlap when their content expands.
There are various methods that you can use to avoid this - one being the much referred to Box Model layout and another being the use of unlayered text boxes (CSS button off).
Paul, you need to apply a zero height to your text boxes so they can be fluid and expand and contract with your text. Try in Safari and enlarge the text by pressing the apple and + keys.You will notice that your text extends beyond the text box.
In the FW Inspector under the Dimensions heading you will see the horizontal and vertical dimensions of your text box. The small up and down arrows next to the dimensions will have a grey background - click on the arrows and the background will change to white. When it’s white your html text box will grow with your text.
Also one of the easiest ways to check if you are going to have problems is by using Safari’s View>Zoom Text Only feature.
With this turned on Use Cmd+ and Cmd- to increase and decrease the displayed font size - this will simulate how different Browsers (and different users) will see your text. Remember that some users will have changed the default minimum font size to display.
But on your example page your text boxes are on different layers which allows them to overlap when their content expands.
There are various methods that you can use to avoid this - one being the much referred to Box Model layout and another being the use of unlayered text boxes (CSS button off).