Fixed Layout or Fluid Layout? Which One Do You Choose?
Brief Introduction to Fixed Layout and Fluid Layout?
What is Fixed Layout?
It is a kind of layout with a width-fixed container outside and each box inside is fixed by width rather than percent. More importantly, elements in this container are set as cannot be moved, so the webpage will display the same width to visitors no matter what their screen resolution is.
What is Fluid Layout?
It is also called liquid layout, it uses percent widths, so it can adapt to visitors' different screen resolutions.
Advantages and Disadvantages of Fixed Layout and Fluid Layout
Advantages and Disadvantages of Fixed Layout
Many designers prefer to use fixed layout because it is easier to achieve and it can make sure that what designers see is what visitors see.
Pros
1. It is easier to use and more convenient to customize for designers.
2. Because of the same width in all browsers, it will not be bothered by images, forms, videos and other contents with fixed width.
3. No need min-width and max-width, so it can be supported by all browsers.
Cons
1. For the visitors using large screen resolution, it will leave too much space. That's where the "divine proportion," the "Rule of Thirds," overall balance and other design principles come from.
2. Horizontall scroll bar will come out when the screen resolution is too small.
3. Seamless textures, patterns and image continuation need to adapt to larger resolution.
4. It doesn't perform so well in terms of usability.
Advantages and Disadvantages of Fluid Layout
Designers may have thousands of reasons not to use a fluid layout, but there are still some disadvantages in this kind of layout that cannot be ignored.
Pro
1. The webpage made by a fluid layout is more friendly to visitors because it can adapt to users' settings automatically.
2. The space area around webpage contents is the same in all the screen resolutions and browsers, which can be more visually appealing.
3. It can avoid horizontal scroll bar in small screen resolutions.
Cons
1. Designers will find it's more difficult to control what visitors see, which will cause some mistakes because it looks nice in the specific resolution.
2. Images, videos and other contents may need multiple widths to adapt to users using different screen resolutions.
3. In some particularly large screen resolutions, the contents will be drawn into a line, which is hard for visitors to read.
Both of these two layouts are popular now. It is your choice to choose which one you would like to use for your website. Whichever you choose, I think the key point you should keep in mind is that your website should be friendly to your visitors and your contents should be informative and useful.
At last, I wish you success in the filed of online marketing and I hope you will have a perfect website made on your own.
What is Fixed Layout?
It is a kind of layout with a width-fixed container outside and each box inside is fixed by width rather than percent. More importantly, elements in this container are set as cannot be moved, so the webpage will display the same width to visitors no matter what their screen resolution is.
What is Fluid Layout?
It is also called liquid layout, it uses percent widths, so it can adapt to visitors' different screen resolutions.
Advantages and Disadvantages of Fixed Layout and Fluid Layout
Advantages and Disadvantages of Fixed Layout
Many designers prefer to use fixed layout because it is easier to achieve and it can make sure that what designers see is what visitors see.
Pros
1. It is easier to use and more convenient to customize for designers.
2. Because of the same width in all browsers, it will not be bothered by images, forms, videos and other contents with fixed width.
3. No need min-width and max-width, so it can be supported by all browsers.
Cons
1. For the visitors using large screen resolution, it will leave too much space. That's where the "divine proportion," the "Rule of Thirds," overall balance and other design principles come from.
2. Horizontall scroll bar will come out when the screen resolution is too small.
3. Seamless textures, patterns and image continuation need to adapt to larger resolution.
4. It doesn't perform so well in terms of usability.
Advantages and Disadvantages of Fluid Layout
Designers may have thousands of reasons not to use a fluid layout, but there are still some disadvantages in this kind of layout that cannot be ignored.
Pro
1. The webpage made by a fluid layout is more friendly to visitors because it can adapt to users' settings automatically.
2. The space area around webpage contents is the same in all the screen resolutions and browsers, which can be more visually appealing.
3. It can avoid horizontal scroll bar in small screen resolutions.
Cons
1. Designers will find it's more difficult to control what visitors see, which will cause some mistakes because it looks nice in the specific resolution.
2. Images, videos and other contents may need multiple widths to adapt to users using different screen resolutions.
3. In some particularly large screen resolutions, the contents will be drawn into a line, which is hard for visitors to read.
Both of these two layouts are popular now. It is your choice to choose which one you would like to use for your website. Whichever you choose, I think the key point you should keep in mind is that your website should be friendly to your visitors and your contents should be informative and useful.
At last, I wish you success in the filed of online marketing and I hope you will have a perfect website made on your own.
Source...