Absolute Positioning

Archives by Tag 'div elements'

Floating window pages

Floating windows can be used when visual overlapping is considered advantageous and provides some depth to the application. A floating window floats in front of other windows because the z-index order placement is relative to that of the other windows. Floating windows are supported in Windows, Mac OS, and Linux. Floating windows help the designer [...]

Examples of stacking

The code for the display of overlapping cells is given below for ease of understanding. Each <div> is defined, its properties set, and then a z-index order has been assigned. Readers should try to reassign the z-index order or change the properties of different div elements to see the effect on the positioning of layers. [...]

Imitating frames with absolute positioning

The <?xml version =1.0” encoding….> in the Quirks mode, will take care of the versions of IE and its problems with display as already indicated in an earlier chapter. The div elements will come to our aid in place of the framesets. All the div tags will be absolutely positioned, and their overflow property will [...]

The z-index property and images

The zindex property of the element controls the layering. If the text has to be placed on the image, the z-index property can be set to 2 and the z-index property of the text can be set to 1. The text will then overlap the image if the coordinates of the div elements are the [...]

Appendix: Exploring a sample site

No theory can be authenticated until it is demonstrated in practice. This chapter of the book will be devoted to demonstrating the use of absolute positioning in layout of web pages. We shall begin by using a web page with a tabled layout and convert it into a page that uses CSS liquid layout. In [...]