Recently, I have some problems that I discovered, I tried everything that I could, without any success. In any case, let's get to the point: I have text, and I have a strong title (i.e., using a strong default tag), and I ran into some problems with this, for some reason part of the header jumps up when scrolling down while the text of the content (body) remains fixed without bouncing, how can I fix it?
Here is the CSS for my title text:
.title { display: inline-block; font-size: 16px; font-weight: bold; line-height: 16px; margin-bottom: 8px; max-width: 282px; white-space: nowrap; }
Thanks in advance!
EDIT: Sorry, I made some problems in this code, here is one that reproduces the same problem, that is, the text jumps to scroll:
http://jsfiddle.net/WL67y/7/
Screenshot:
(left) This is the title text before scrolling, (right) after scrolling or scrolling down.
It seems that there are problems with my FF, I'm not sure why it seems to have problems with displaying on the screen, the same thing happened only inside the plugin in FF, namely: Firebug. It seems that the code also slips when scrolling.
The problem in general: items flicker when scrolling only in Firefox. flicker a little.
If someone has a solution or had something similar before, and he knows how to fix it, give me a solution or show me a fix, I can’t fix it, the reason I can’t solve this problem is because I have written over 4000 CSS lines in recent months