Accessibility

CSS Advisor

Missing first letter in block elements

by CSSAdvisorAdmin on November 3, 2006
Edited by: sfegette on September 11, 2010
Avg Rating 4.5 (6)   |   Log in to rate post.

Tagged with Explorer 5.0 , Font , Text , Explorer 5.5 , Explorer for Mac

Problem

If a block element contains another text-containing block element to which position: relative and letter-spacing have been applied, the first letter of the text might disappear.

Solution

Many simple fixes; easiest is to add padding-top to the outer block element.

Detailed description

If a block element contains another text-containing block element to which position: relative and letter-spacing have been applied, the first letter of the text might disappear. Although there are many simple fixes, the easiest is simply to add padding-top to the outermost block element. Other fixes are to add a border-top to the outermost element, as well as applying a width to the inner block element (which may appear to affect the letter spacing).

This bug was originally discovered by Peter Bowyer, and documented by Big John Gallant and Holly Bergevin at positioniseverything.net (Read original article).




Text ID: MISSING_FIRST_LETTER



Comments (0)

To add a comment, please Log in.








CSS Advisor home
Submit a post

rss

CSS ADVISOR RSS FEEDS
Recent: POSTS | COMMENTS | EDITS


Browsers
Internet Explorer (103)
Mozilla/Firefox (52)
Opera (18)
Safari (38)
CSS Properties
Background (25)
Border (10)
Color (10)
Float (23)
Font (6)
Margin (11)
Padding (9)
Position (40)
Text (30)
Width/Height (27)