The layout style uses concepts that are cross-browser compatible.The user can view the entire layout using their preset text size, and everything will stay in proportion.This method allows you to have a grid layout, which once only seemed possible with fixed-width layouts. ![]() The idea here is to use relative units, a combination of percentages and em’s, and to use simple division to find the equivalents of pixel widths that would normally be used for fixed-width design. We’ll go over the basics here, but for a complete and detailed overview of the method, read the article Fluid Grids by Ethan Marcotte, which is a complete walk-through and tutorial on creating a grid-based elastic layout. The idea comes from Ethan Marcotte, who realized that the “em” unit could go further than font size. What Is a Fluid Grid?Ī fluid grid can be created through a smart use of DIV layers, percentages and very simple math. Elastic layouts are, technically, different than fluid layouts in their coding structure, but they provide almost identical results for the user. However, there is a way to create a grid-based elastic layout. Using 960 often makes fixed-width design preferable to fluid layouts. Most of us have heard of the 960 Grid System for designing fixed-width Web pages. Introduces the issue of screen resolutions, then considers the average user’s profile.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |