Sent by Big John on 28 January 2003 07:07
> Mark Henderson wrote:
> > After converting a site recently to css-p, I'm finding that when I
> > scroll in IE6 on a win 2k machine, certain borders will simply
> > disappear. This behaviour appears to be both sporadic and inconsistent,
> > and often re-scrolling the page is enough to return the offending
> > borders.
> > Site: http://www.heart.org.nz/
> > Css: http://www.heart.org.nz/default.css
Big John wrote:
> Oh no, it's IE alright. The borders are not 'dissapearing', but
> rather they are being clipped. If you put larger borders on the
> span, you can sometimes observe a partially clipped border.
>
> I don't really know why this clipping happens, but I bet it's a
> 'timing problem', whatever that means.
I now have a better inkling of the problem. The span is given a
border, but IE places borders on the OUTSIDE of spans, rather
than inside.
This span is directly under an image, so part of its top border
gets rendered beneath the bottom edge of the image, and so the
border is clipped.
I don't think IE is actually violating the specs in this case,
altho I could be wrong. Text variations are very common between
browsers, and IIRC, the W3C is not too specific in this area.
A good fix is to provide a 'spacer' between the image and the
span. The spacer element is left without a background, so the
span top border can be seen thru it.
A div with an ' ' and 'line-height: 3px' seems to work nicely.
HTH
Big John
=====
^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-
| Perennial student + Impractical joker + CSS junkie = Big John |
| XXXX <http://users.rraz.net/mc_on_the_rocks/testpage/pie.html> XXXX |
| XXXXXXXXXXXXX <http://users.rraz.net/mc_on_the_rocks/> XXXXXXXXXXXX |
-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^-^
__________________________________________________
Do you Yahoo!?
Yahoo! Mail Plus - Powerful. Affordable. Sign up now.
http://mailplus.yahoo.com
