From 3be9da44bc566f4db8dd50b9b9fd6efb395d65a9 Mon Sep 17 00:00:00 2001 From: Nicolas Gallagher Date: Wed, 14 Sep 2011 11:13:13 +0100 Subject: [PATCH] Normalize fieldset border. Fix #34 IE renders rounded corners on fieldsets by default. All browsers - even those that use the same border value of 2px groove threedface in their UA stylesheet - have different final rendering colors, widths, and joining of the border. The chosen value of 1px solid #c0c0c0 takes the most common visual border width (IE, Firefox, Opera), removes the problematic groove width value, and takes the computed color value from Chrome. --- normalize.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/normalize.css b/normalize.css index 1d39c82..3e1156f 100644 --- a/normalize.css +++ b/normalize.css @@ -1,4 +1,4 @@ -/*! normalize.css 2011-08-31T22:02 UTC ยท http://github.com/necolas/normalize.css */ +/*! normalize.css 2011-09-14T10:12 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions @@ -259,7 +259,7 @@ nav ol { ========================================================================== */ /* - * 1. Removes border when inside 'a' element in IE6/7/8/9, F3 + * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ @@ -304,10 +304,11 @@ form { } /* - * Define consistent margin and padding + * Define consistent border, margin, and padding */ fieldset { + border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } @@ -324,7 +325,7 @@ legend { /* * 1. Corrects font size not being inherited in all browsers - * 2. Addresses margins set differently in IE6/7, F3/4, S5, Chrome + * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome * 3. Improves appearance and consistency in all browsers */