The Wayback Machine - https://web.archive.org/web/20090909081100/http://www.webreference.com:80/html/tutorial10/


spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

Boxing with CSS, Part II: No Margin For Error


Developer News
Voice Search Faces Hurdles in Mobile
BlackBerry Maker RIM Buys Mobile Browser Firm
Sun, IBM Keep Flying the RISC Flag

In tutorial 9, I gave an introduction to the CSS Visual Formatting Model. I explained how elements create boxes and how these should be rendered by browsers supporting CSS. That's all good and well, of course, until we actually get to talking about how the browsers that claim to support CSS actually do things. This is my job this week.

We'll start off gently by looking at the properties that control box borders in CSS, and see which of these are supported by the browsers. We'll then go on to explain the basics of how Internet Explorer handles the parts of the formatting model we've discussed so far. Then we take a deep dive into Netscape waters as we see that Netscape doesn't really support the formatting model at all, but merely interprets the properties in its own way.

Contents of this TutorialPage
1.Draw Your Borders1
Border Width Properties1
Border Color Properties1
Border Style Properties1
Border Shorthand Properties2
2.Fencing in the Beasts3
Using Border Properties in Navigator3
Using Border Properties in Internet Explorer3
3.Exploring the Box Ocean in Explorer4
The Border-Defying Body4
When Padding Collapses4
4.Navigating the Box Jungle in Navigator6
The Invincible BODY Margin6
The Swiss Cheese Background6
The Invisible Padding6
The Jagged Edge6
5.Exercises7
Explorer Challenge7
Netscape Coloring7

Off we go then, with a discussion of border properties

Front Page1234567

http://www.internet.com

Produced by Stephanos Piperoglou

internet.commediabistro.comJusttechjobs.comGraphics.com

Search:

WebMediaBrands Corporate Info
Copyright 2009 WebMediaBrands Inc. All Rights Reserved.

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Shopping | E-mail Offers | Freelance Jobs

webref The latest from WebReference.com Browse >
Create a File-based Blog using Jaxer · XML and PHP Simplified - Building an XML Reader · Social Networking with Drupal
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Building a Dynamic Where Clause · Marketing Tips: Bad Service, Printable Coupons, Jet Blue · eBiz Profile: PetPlace.com Hits $1M in One Year


All Rights Reserved. Legal Notices.

URL: http://www.webreference.com/html/tutorial10/
Created: Dec 2, 1998
Revised: Jan 27, 1999

Morty Proxy This is a proxified and sanitized view of the page, visit original site.