Issue on IE7 when page is scrolling.Text is not proper

Question

I am facing this issue on IE7 only, when I am scrolling the page: Text of some section is not scrolling properly, although a horizontal line is scrolling.

May be it's a loading issue but I need to solve this.

Technology is HTML5, bootstrap, CSS3. Framework is MVC.

enter image description here

Look at the Search Again text in the image above.

At least some code in the question, and possibly a http://jsfiddle.net or link to live scenario, otherwise not a real question. — Fabrício Matté, Sep 07 '12 at 10:03
i m creating the link for people.As i cant display the website url — supersaiyan, Sep 07 '12 at 10:53

rdjs · Accepted Answer · 2012-09-07T10:56:33.340

3

This sounds like a the IE7 Text Redraw bug:

http://zomigi.com/blog/ie-7-button-text-redraw-bug/

http://www.lifeathighroad.com/web-development/fixed-ie7-button-text-redraw-bug/

try adding this to the button css:

overflow: visible

If that doesn't work try this:

border: 1px solid transparent;

edited Sep 07 '12 at 10:56

answered Sep 07 '12 at 10:37

rdjs

594
2
18

Hey ya ites ie7 bug and i am using html5 button tag but i am changing it to tag its working fine ? is this buttn tag issue or wt ? – supersaiyan Sep 07 '12 at 11:20
yes, problem is with the button element, so changing to an tag would be a round-a-bout way of fixing it! – rdjs Sep 07 '12 at 11:22
You most likely have some styles or markup which are triggering the bug. If you are interested in further reading on the subject then this is a very detailed post: http://www.phpied.com/rendering-repaint-reflowrelayout-restyle/ – rdjs Sep 07 '12 at 11:43

Issue on IE7 when page is scrolling.Text is not proper

1 Answers1

Linked

Related