|
Setting width
There are two types of widths you can use in Layout view: Fixed width and Autostretch. The width appears in the column header area at the top of each column. Fixed width is a specific numeric width, such as 300 pixels, and is displayed as a number. Autostretch sets the width to resize automatically depending on the window size and is displayed as a wavy line. With autostretch, your layout always fills the browser window, no matter what size window the viewer has set.
The layout you created following the above instructions can be either fixed or autostretch.
If you want to leave it as fixed width, you don't need to do anything.
To set width to autostretch:
To set autostretch width, do one of the following:
 |
Go to the top of the content box and select Make Column Autostretch from the Column Header menu. Only one column can be autostretch. |
 |
Select the column, then click Autostretch in the Property inspector. |
When you set a column to autostretch, Dreamweaver will insert spacer images in the fixed width columns to control the layout. A spacer image is a transparent image that is not visible in the browser window, but is used to control spacing. A dialog box will appear asking how you want to create the spacer image file.
Choose from the following options:
 |
Tell Dreamweaver where to create the spacer image file: If you select this option and click OK, another dialog box appears to let you navigate to the directory in your site where you would like to store the spacer image file, such as an images folder. This is the recommended choice. |
 |
Browse to an existing spacer image file: If you have already created a spacer image file for your site, choose this option and then navigate to your spacer image in the next dialog box that appears. The spacer image should be a 1 pixel by 1 pixel transparent GIF. |
 |
Turn off spacer images for autostretch columns: If you select this option, a dialog box appears that warns you that the other columns in your layout may collapse to a small width. When you choose not to use spacer images, the widths of your columns will be as small as the content in them. Columns without content will collapse to nothing. The spacer images help maintain the structure of your layout as you originally drew it. |
Your layout is now ready for you to add your content to it! Add content as you normally would in Dreamweaver.
|