|
|
Denise has noticed (and so have a lot of people) that when scrolling through the page, sometimes the text disappears, but when you highlight it, it comes back. I know what is causing the problem and I can fix it easily, but I don't like the fix.
Basically, the CSS for the div tag for this box has specified a line-height of 120%. Once I take out that line-height, everything is ok, but the paragraph lines are spaced too far apart.
How can I get around this? Anyone know?
Also, please tell me if this is happening to you right now. :)
Posted by Yano at February 19, 2004 07:21 AMyeah, my css has some swollen div tags too. =P
for the record, i browse w/firefox, and i never noticed a problem.
Posted by: jamie on February 19, 2004 07:52 AMI was noticing it the last few times I was in here, right after the template change but I don't see the problem today.
Posted by: cybertoad on February 19, 2004 08:26 AMit was doing that, but seems ok now
Posted by: SarahGillian on February 19, 2004 08:31 AMit's not doing that for me anymore, it was previously tho.
Posted by: Lara on February 19, 2004 09:52 AMI experienced it yesterday. So far not today.
Posted by: Noelle on February 19, 2004 10:12 AMwhat do you mean by paragraph lines? do you mean the space between the lines? that should be "line-height:" as the attribute. on my blog, it's set to 15px. sometimes percentages messes things up.
i've noticed the blinking of text, too, but it's fine today.
Posted by: kathy on February 19, 2004 10:42 AMwhoops, i should've read your post more carefully before i commented. try making it more specific like px instead of percentage.
Posted by: kathy on February 19, 2004 10:42 AMYeah I noticed that issue since you changed your site layout. Looks good today.
Posted by: Amy on February 19, 2004 11:42 AMJust like everyone else, I don't see it happening today.
Posted by: Denise on February 19, 2004 12:28 PMNo problem today.
Posted by: Trisha on February 19, 2004 03:14 PMGood to hear. Thanks for all your input. :)
Actually, I had fixed it before posting, by completely taking out the line-height, but I didn't like the way it looked. Then after posting I noticed that I had a [div] within a [div], and the nested [div] is what had the line-height. Once I put the line-height in the higher [div], it seems that the problem went away.
If you have no idea what I'm saying, that's ok. :) I don't know what I'm saying either. All I know is that I fixed it!
Posted by: yano on February 19, 2004 03:38 PMHUH??
I did freak out though when I translated your blog into Spanish and then realized I can't read Spanish. And I couldn't read how to translate back into English. No worry though, I eventually found the original page hiding behind the incomprehensible one.
use a line-height: 16px or 16pt
don't use a percentage. maybe it is inheirating a large font size from the parent element.
Posted by: walter on February 19, 2004 06:08 PMOh yeah! I'm glad Denise brought that up - I thought it was just my computer. Everything is smooth sailing now though, Christine.
Posted by: Lea on February 19, 2004 06:11 PM
