CSS table layout: what is it?

Just want to note that the tabular layout used in those days, when the block syntax is only beginning to develop and was still very weak. But about all under the order.

CSS table layout: what is it?

You need to start with definitions. Tabular layout is the code name of one of the methods of layout of web documents, where the structural basis for the arrangement of graphic and text documents use tables (tag <table> in HTML). It was widely used before the advent of standard CSS, as this was the only way to precisely position elements on the page.

The essence of the method lies in the fact that the tables are, by definition, can automatically change html font size adjusting to the content. Also here you can set the exact parameters of each cell, allowing to combine fast and convenient to arrange the illustrations to the text and to form collages. In addition, in the layout of complex pages, they were very comfortable, as the tables in HTML can be nested, giving us the opportunity to create a whole hierarchy of tables. However, there are a number of drawbacks, about which more will be discussed.

Disadvantages html table layot

It should be noted that today, all that is done with tables can be done using CSS. In addition, when tabular layout it is impossible to rearrange the blocks for narrow pages and printed versions. Reusable and relative, fixed and absolute positioning. If displaying a list of images table where each image occupies a single cell, if you delete or add new pictures, the rest will not move, and thus forms an empty space.

And the most unpleasant, with tabular layout code is littered with a whole bunch of unnecessary tags that are hard to read and understand. This is especially inconvenient in cases of nesting tables one to another in a variety of patterns.

Leave a Comment

Your email address will not be published. Required fields are marked *