Accessibility
Adrian Senior

Adrian Senior

www.webade.co.uk
www.communitymx.com
www.ukcsstraining.co.uk

Table of Contents

  1. Introduction
  2. Understanding margins and padding
  3. Maintaining margin aspect ratios
Created:
29 January 2007
User Level:
Beginner
Products:
Dreamweaver

CSS design basics with Dreamweaver – Part 3: Margins and padding

In this article you will learn how margins and padding values affect your design layouts and how you can set your margin values to maintain a consistent relationship between your elements should a user decide to alter the text size of his or her browser window.

To get a firm understanding of how margins and padding work, it is necessary to understand the CSS box model. This is where you will begin with part three of this article series. Bear in mind the problems that can arise with the box model in Internet Explorer if your layout drop into quirks mode. I covered quirks mode and the problems associated with it in part one of this series.

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver 8

Sample files:

Prerequisite Knowledge

Page 1 of 3
Next Page

About the author

Adrian Senior owns the UK-based web design agency Webade, which has been in business since 1998. He is also a member of Team Macromedia and a partner at Community MX. The year 2004 saw Adrian's first trip to America, where he visited Orlando and delivered two sessions at the TODCon conference.

Adrian also provides training courses for companies who need to train their designers how to build compliant, accessible web sites using CSS and xhtml.

He's been married to his wife, Janette, for 24 years and has two children, Antony and Eleanor.