Absolute Positioning

Archive for 'Using layers to position elements' Category

Using layers to position elements

Coordinates and positioning are two important attributes of the layer that have to be considered the moment the web designers works on their compositions. The x/y coordinate system begins with the top-right corner of the page. Layers can be stacked or overlapped in the order supplied by the third coordinate called the z-index, which is [...]

Attributes and positions

An HTML attribute or a style property is called a parameter in web-design parlance. For instance, the id parameter means either an id attribute that can used with the <layer> tag or the id style property. However, property means style property. The <layer> tag takes on pixels as the unit of measurement for attributes that [...]

Relative positioning and layers

Relatively positioned layers form part of the normal flow of the web page. These are also known as inflow layers. These layers occupy space in the document flow and share line space with other elements of the web page. The left and top attributes or properties can be set to specify the offset of the [...]

Absolute positioning and layers

Absolutely positioned layers can be defined with reference to its coordinates within its containing layer. The top, left corner of the layer can be set using the left and top attributes or properties. However, if these attributes are not set, they will default to the top and left of the containing layer automatically. The absolutely [...]

Layer problems

The most irritating problem about absolutely positioned layers is overlapping text. The moment users resize their text, all the beautiful layering done by the web designer takes a toss! The text begins to overlap. While Gecko browsers will allow the text to overflow, IE will expand the layers and overlap the borders of the layers [...]