Absolute Positioning

Archives by Tag 'style sheet'

Cascading style sheets to the rescue

Cascading style sheets were a welcome relief to the web designers who were frustrated by the control over design provided by HTML. The style sheets for the first time allowed the designer to apply typographical styles and spacing instructions for elements on the page. The term cascading refers to a situation where several sources of [...]

Conceptualizing positioning

The W3C published its first working draft on style sheet specifications for positioning HTML elements on the page in three-dimensional space in 1997. Web designers found that they could use these specifications for greater control over objects on a web page and for designing tight static page layouts or for tracking DHTML motion effects. Netscape [...]

Defining concepts

Absolute positioning defines the x and y coordinates of an element with reference to the top-left corner of the browser page or the containing block, and the position attribute is set to absolute. The code will read somewhat like this: <style type= “text/css”> <!-– p {position: absolute; left 50pt; top: 30pt} –> </style> Note that [...]

Style sheet differences in browsers

Ideally, you should be able to deploy your website by using only one set of CSS for it. However, this is still a distant dream, and you will soon find that you need different style sheets for different browsers. Browsers still suffer from uneven levels of implementation of CSS standards. The implementation bugs in each [...]

Style sheet and visual formatting models

The concept of the “visual formatting model” can be traced back to the intense need for ability to layout web pages in the way in which pages are laid out in printing. The model is extremely simple when compared to the complicated models of the printing world. Various CSS properties are used to control 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 [...]