When you put content on a Freeway page, you always put it in an “HTML item”. If the blue CSS layout button is on, the item you draw will be called a “layer” in Freeway, and will be positioned using CSS techniques. If the button is not blue, any item you draw will be positioned using tables.
You should not imagine that table-based positioning is “simple” and CSS positioning is “complicated”. In fact the code produced by CSS positioning will normally be much simpler that that produced by table-base positioning. You can start learning about this by reading “Creating CSS layouts” in the Freeway reference manual.
Take a look at the page that Ernie made at http://www.thebigerns.com/freeway/stretchilina/
This page uses a flexible layout made with CSS positioning. First look at how it reacts when you change the size of a normal browser window. Now look at it with the Opera browser set to View > Small Screen, or using the Google service at http://www.google.com/gwt/n
See how the page is transformed: instead of the three columns being placed side by side, they are displayed in one long column. So a “normal” page with no actual defined page width (the page width changes to fit the width of the browser window) can look fine on a tiny screen as well. Not all mobile phone browsers use this technique: some, like the iPhone, prefer to try to keep to the original layout but give the possibility of zooming in and out.
There’s not much point in setting a fixed pixel width for your page: the tiniest screens are only 100 or 128 pixels wide, but it you make your page this narrow it’ll look stupid on screens that have a width of 320px or more. It’s best to make a simple, flexible layout that will work on a great variety of screens, even if it may look very different on different sized screens.
Here’s an article with some useful information: http://dev.opera.com/articles/view/making-small-devices-look-great/
On 11 Jun 2008, 2:27 am, tokyo wrote:
What do you mean by “It’s better to make a flexible page using CSS”?
Are you suggesting using a CSS text box to contain all the information on a page, including a menu, rather than using a table or an html box?
By the way, thanks for the help. It’s a real headache doing this in Japan, where each phone company has slightly different standards.
As for page width, is there a safe measurement? 200px, 300px?
And thanks Big Erns for the tip.
freewaytalk mailing list
Update your subscriptions at: