American Audio DCD-PRO240 User Manual download pdf (Page 229)

Freeway Reference: Appendices

229

When you preview the page in a browser you may well find that the layout is not working correctly. This is because there is an

issue when using a floated item inside a parent item which has a background color or embedded image applied to it. To fix this, the

thing you need to do is to apply the Auto Clearfix Action to the page. You can get the Action for free from http://actionsforge.com/

actions?q=clearfix (after signing up if you have not done so already). After downloading and installing the Action, go to Page>Page

Actions and choose Auto Clearﬁx. Now try previewing in a browser again and the problem with the layout should be fixed.

Fixed width inflow layout

Some website designs, especially complex multi-column layouts, don’t lend themselves well to being built with flexible widths, and

many designers simply prefer using a fixed width layout because the content will not reflow and change the look of the page when

viewed in different sized browser windows.

A fixed width inflow layout is one which will show the browser background in equal amounts either side of the pixel width set for the

page and when the browser window is made too narrow to display the full width of the page, the browser will simply chop off page

content from the right side.

The workflow is very similar, and the main difference is that all width values are set as pixel widths (such as 200px rather than 20% for

example when using a 1000px width page) in the Inspector.

The default Width setting for the page in Freeway Pro will be set to Maximum, which means that the width of the page can shrink, but

it cannot grow so it’s larger than the maximum value entered in the Dimensions panel, even if the browser window is made larger.

The main disadvantage of fixed width layout is that mobile devices will display the full width of the page so it fills the screen of the

device—so viewing a web page on a smartphone in upright aspect will always mean that text is very small. However, most mobile

devices work in such a way that double-tapping on a touchscreen will make a specific column fill the width of the device’s screen,

which make it quick and simple to read columns of text and other content.

Another method used by some designers is to build sites using duplicate content which are made to display more appropriately on

smartphones and/or tablets, and this is done by applying the Mobile Redirect Action on the normal site’s Home page so that when the

visitor enters the URL of the site (or links to it from a link or search engine result) the web server will check to see what device they are

using—and they will automatically be forwarded to the optimum version of the site for that type of device. You can read more about

the Mobile Redirect Action on the KnowledgeBase at http://www.softpress.com/kb/questions/369/.

Different options for the page width

FW Pro only

If you want to build a percentage-based layout but you don’t want the layout to change dramatically when the browser window is made

wider or narrower, you can always compromise by using one of three other types of inflow layout offered by Freeway.

If you click on the Width popup in the Measurements panel of the Inspector, you will see three more options other than than Fixed

and Flexible:

• Minimum: Choosing Minimum or Minimum (%) for a page width or item width, you can choose a specific value which will mean

that the browser will never shrink the width of the page or item below that point. For example, choosing 600px will mean that the

browser will reduce a flexible width layout when the browser is made narrower, but the page or item will never shrink to a value of

less than 600px. Using Minimum (%) you can specify a percentage value which will be used as the minimum width of the page or

item.

1 2 ... 224 225 226 227 228 229 230 231 232 233 234 ... 249 250

American Audio DCD-PRO240 User Manual Page 229