spacer

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

Boxing with CSS, Part II: No Margin For Error


Developer News
News Flash: Adobe Has iPhone Workaround
Adobe's Flash 10.1 Goes Mobile (Minus iPhone)
A Salute to Visionary CEOs

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

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

webref The latest from WebReference.com Browse >
Building a Banking Application Home Page with OOP · Mixing Scripting Languages · Review: phpFox, a Social Networking CMS with all the Bells and Whistles
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
Enterprise 2.0: Social Networking in the Cloud · BroadSoft Marketplace Hastens Pace of Telephony Innovation · Review: HTC Hero for Sprint


All Rights Reserved. Legal Notices.

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