Two annoying browser quirks

[earther]

I have noticed some strange browser quirks. My 1px borders disappear and reappear in Firebird/Mozilla/Opera as the font size is changed. And justified italics cause div border alignments to break a few pixels in IE. Grrrrrr. I suspect it has to do with the fact that I use percentages instead of pixels. Anybody else noticed these two annoying bugs?

[earther]

*bump*

This isn't happening to anyone else? I'd certainly like to know how to work around these bugs . . .

[hurricane.uk]

Link?

[vgarcia]

If you show some code we'll be able to help more

[earther]

Sorry for being so vague but I thought this was a generic problem since it also happens on the www.cosmiccradle.com site that I did a while back.

Anyhoo . . . here is an example that shows both of the glitches:

http://www.saynotogmos.org/redo/biodemocracy_news.html

In IE, the justified italic text causes the RH border to break by about 2px. If I remove the <em> it snaps back into place. (http://www.saynotogmos.org/redo/biodemocracy_news.htm)

In Opera/Firebird, reducing the size of the font causes some of the borders to disappear, different borders at different font sizes. Also the text justification breaks down at any font size other than 100%.

Style sheet is here: http://www.saynotogmos.org/redo/new.css

Is this enough info? Thanks for looking.

[ucahg]

Some methods of CSS positioning (I think float in particular, or negative margins) seem to cause this problem. What I did when it occured was delete the code that seemed to cause the problem (that is, the code I added before it began to occur). In my case it was a form. I then rewrote it a little differently and the problem was solved. I'm being very vague and am not confident in this solution, because it seemed to work for me, although I don't know exactly what it was that fixed it.

[earther]

Some methods of CSS positioning (I think float in particular, or negative margins) seem to cause this problem. What I did when it occured was delete the code that seemed to cause the problem (that is, the code I added before it began to occur). In my case it was a form. I then rewrote it a little differently and the problem was solved. I'm being very vague and am not confident in this solution, because it seemed to work for me, although I don't know exactly what it was that fixed it.

Which problem did you solve . . . the italic/borderbreak one or the justified font one?

[ucahg]

Various inconsistencies with borders and sections disappering and reappearing. It was mostly in IE actually, so it doesn't really apply to your problem.

But just fiddle with your code, comment out HTML and see if it's still there, comment out CSS and see if the problem is still there, and try to narrow down the problem that way. Then you'll be much further along to fixing it.

[earther]

Various inconsistencies with borders and sections disappering and reappearing. It was mostly in IE actually, so it doesn't really apply to your problem.

But just fiddle with your code, comment out HTML and see if it's still there, comment out CSS and see if the problem is still there, and try to narrow down the problem that way. Then you'll be much further along to fixing it.

Interesting discovery . . . the italics breaking the border thing doesn't happen in IE5.5, only IE6. Go figure.

[hurricane.uk]

I'm unable to reproduce your problem in Firebird on this page:

http://www.saynotogmos.org/redo/biodemocracy_news.html