|
Setting frame sizes (relative and exact size)
Before you begin filling your frames with content, it's a good idea to add some more details about the frames to your frameset file. The sizes of the frames aren't quite what you want yet; to resize them, you'll either need to drag the frame borders around or enter values into the Property inspector. The former method is great for roughing out frame positions, but the latter method offers the opportunity to set a precise, fixed size for a frame or to designate the size as relative to the browser window.
You set frame properties by selecting the frame and entering values in the frame Property inspector. You set frame sizes, however, by selecting the frameset and entering values into the frameset Property inspector. This is because size information is stored in the FRAMESET tag as you can see in the HTML Source inspector.
To set the size of each of the frames:
| 1 |
Select the main frameset by clicking the outermost frame border in either the Frame inspector or the Document window. |
| 2 |
If you don't see the frame sizing controls, click the expander arrow at the bottom right corner of the Property inspector. |
| 3 |
In the Property inspector, in the RowCol Selection box click the left frame of this frameset image to set the frame's options. |
| 4 |
In the Value field type 150, and then in the Units pop-up menu select Pixels to set the column's width. |
 |
 |
| 5 |
In the Property inspector, in the RowCol Selection box click the right frame, and then select Relative from the Units pop-up menu. |
|
Dreamweaver automatically fills in a value based on the current size of the Document window. |
| 6 |
In the Frame inspector, select the nested frameset (the thick border around the two right frames). |
| 7 |
In the Property inspector, in the RowCol Selection box select the top frame. Enter 45 for the Value and select Pixels from the Units pop-up menu. |
| 8 |
In the RowCol Selection box select the bottom frame. Select Relative from the Units pop-up menu. |
|
In the HTML Source inspector, you'll see this number with an asterisk (*) next to it. The asterisk indicates that the value should change according to the size of the Document window or browser window. |
 |
|
|
