rbelow / blueprintcss

Automatically exported from code.google.com/p/blueprintcss
1 stars 0 forks source link

reset.css hacks II : sub and sup disabled #61

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago
Subscript and superscript tags are somewhat "disabled" in blueprintcss.
In the spirit of making life easy for the designer, I think they should be
enabled by default, instead of let the user find out how to "recover" the
usual behavior of sub and sup if needed.

This leads us to a known issue with sub/superscripts. They usually altere
the line height of the row, making the block of paragraph's text totally
uneaven.
To avoid it, I propose to add this next lines in reset.css:

sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}

This will keep the usual super/subscript behavior, but will also keep the
line height free of changes, preserving the valuable vertical heights.

WARNING:Please bear in mind that line-height:-1px; DOES NOT VALIDATE.
Acording to CSS specs, negative values for line heights are invalid.
Anyway, Firefox, Safari and Opera REACT to the negative value though. The
importance of "-1" is that it makes sub's and sup's to look exactly the
same in IE, Firefox, Opera and Safari (win). In order to make reset.css
100% valid, you can set line-height:1px; (positive), but there will be
slightly differences in all browsers.

Original issue reported on code.google.com by digita...@gmail.com on 14 Nov 2007 at 12:34

GoogleCodeExporter commented 8 years ago
This should already be fixed for the next release. Could you check out the 
version in the SVN, and see if this 
fixes your problems? Thanks! :)

Original comment by ola...@gmail.com on 18 Nov 2007 at 1:24

GoogleCodeExporter commented 8 years ago
Fixed for next release.

Original comment by ola...@gmail.com on 13 Jan 2008 at 3:01