IE6-/Win: cropping of text with negative text-indent and hasLayout
In all the belove six test cases there is a red box containing a cyan one with negative text-indent (-100px.)
Results: In IE6-/Win any hasLayout box crops the text which protrudes out of it because of negative text-indent. Position relative doesn't fix the problem (while it is useful to stop other cropping problems, see IE7-/Win, negative margins, position:relative)
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
abcdefghijklmnopoqrstuvwxyz
- NO hasLayout wrapper, NO hasLayout inner box
- hasLayout wrapper, NO hasLayout inner box
- hasLayout wrapper, NO hasLayout and relative inner box
- hasLayout wrapper, hasLayout inner box
- hasLayout wrapper, hasLayout and relative inner box
CSS tests home