Fixed layout
In fixed layouts the width of the sections or columns is fixed, specified in Pixels, as shown in the figure.
Pixels
Basically, a pixel is the smallest visible dot that makes up your visual screen. Multiplying the number of vertical pixels with horizontal pixels gives you the screen Resolution. For example 800 x 600 means 800 horizontal pixels and 600 vertical pixels.
Features
Column or sections inside a fixed width block can have their widths scpecified in pixels or percentages.
When the user changes the screen resolution the apparent width changes also. So a 200 pixels width block viewed on 800x600 screen would appear bigger than same block viewed on 1024x800 screen resolution.
Pros
- Fixed layouts are easier to design and style.
- Division or Element positioning on the screen becomes very easy, since only measured pixel lengths are required.
- Since the width is defind in pixels, resizing the browser window has no effect on the design. For example, if you set the width of a division to be 200 pixels and resize your browser window, your division's width will not change.
- Change of resolutions at the user's end, does not distort the design.
- There is no need left for min-width and max-width properties.
- Fixed width object like images, have a fixed proportion to other columns on the screen.
Cons
- If the site is design in a large resolution, a visitor with smaller resolution will have to use scroll bars to view the complete page.
- Larger resolutions can show excessive white space on screen sides.
- Fixed design cannot benefit from the wide space available on wide screens or large monitors, since the usual width used by designers is between 700-1000 px.
- To support both wide and normal screen, a width compromise has to be made.
Next :
Related:
Link to this page :
Copy and paste the following code in an html document to link to this page,