The Box Model

Previous Page    Next Page


Margins are transparent space that goes around a given element, in the box model they are outside of the border of an element and can be used to help separate adjoining boxes on a web page, the border goes around the padding and content area, the padding clears an area around the content, and the content area is where the text and images appear, you should know that when you specify the width and height of an element, you are just setting the width and height of the content area, to know the full size of the element, you must also add the padding, border and margin to the size of the box.

The Internet Explorer box model bug refers to the way in which earlier versions of Internet Explorer handle the sizing of elements in a web page, which differs from the standard way recommended by the W3C for the Cascading Style Sheets language. As of Internet Explorer 6, the browser supports an alternative rendering mode (called the "standards-compliant mode") which solves this discrepancy. However, for backward compatibility reasons, all versions still behave in the usual, non-standard way by default (see quirks mode). Internet Explorer for Mac is not affected by this non-standard behavior. For more visit

In computing, quirks mode refers to a technique used by some web browsers for the sake of maintaining backward compatibility with web pages designed for older browsers, instead of strictly complying with W3C and IETF standards in standards mode. For more visit

A web browser is a software application for retrieving, presenting, and traversing information resources on the World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI) and may be a web page, image, video, or other piece of content. Hyperlinks present in resources enable users easily to navigate their browsers to related resources. A web browser can also be defined as an application software or program designed to enable users to access, retrieve and view documents and other resources on the Internet.

Although browsers are primarily intended to use the World Wide Web, they can also be used to access information provided by web servers in private networks or files in file systems. The major web browsers are Firefox, Google Chrome, Internet Explorer, Opera, and Safari. For more visit

A demonstration of what can be accomplished through CSS-based design

CSS tutorial sites

Previous Page    Next Page

Recommended Books