• When i write a long one line code, that needs a scrolling box, the scrolling box appears correctly and it works good too (yes i put that css code given in the notes), but under firefox, there comes lines over the area, as if, it is not being refreshed. any help?

Viewing 8 replies - 1 through 8 (of 8 total)
  • paschim, I have not experienced this myself, but it sounds like a rendering issue with Firefox. Firefox has some rendering issues, and this particular problem could be tickled by either other CSS on the site, or even by some Firefox plugins.

    There are some wide code snippets down the middle of this post that require a scroll bar. Do you see the same artifacts?

    If yes, I suspect something strange with your Firefox install. Try running Firefox in safe mode.

    If no, Could you point us at a post using WP-Syntax that exhibits this behavior?

    Thread Starter paschim

    (@paschim)

    Well iin that link post i didnt find any such problem as in my case, i suspect it could be some issues with my theme(PS: I have no idea about css)…. you can see the problem on the front page of my site https://www.burningice-games.com

    And i dont think it is wrong with my firefox… as at my friends place the same thing is happening with firefox, but he has a much older and no-mods version than mine.

    I would be really grateful if you could help me out with this.

    paschim, I was able to see the Firefox rendering problem on your site. I don’t yet have a solution to your problem as I fear it has something to do with HTML or CSS external to WP-Syntax.

    The site has several HTML validation errors. I would start by trying to clean up some of the more important validation errors, like the tag mismatches, as these can result in rendering hiccups.

    You might also want to try a CSS validator. I tried running one for you, but at the time I wrote this, the validator site wasn’t working.

    Note: If someone else finds anything, please do post here. If the problem does have something to do with WP-Syntax, I’ll apply a patch and push a new version as soon as possible.

    Thread Starter paschim

    (@paschim)

    thanks for your response! but since i know nothing about programming, i guess i am screwed… the css validator didnt work, and i dont exactly know how to fix those html errors, and since it might not be a problem with wp-syntax, i have no hope left now….thanks for helping me this far.

    I might have the same problem as you so I might be able to help. Firstly could I get a screen shot of what your problem exactly is? One thing you could try is clearing the browser cache and then refreshing the site, but I have feeling it’ll come back.

    Hi. I’ve same problem in firefox browser. What is the problem? See this screenshot Picture

    My blog https://explore-it.co.cc

    firefox has some problem in rendering a “pre” tag in a div tag with overflow attribute set to auto, so to fix it you can just remove those attribute of the “pre” tag in style sheet, this generally happen in different theme you use.

    to solve this go to your theme folder(wp-content\themes\xxxxx where xxxxx is the name of the currently installed theme) and find “Style.css” open it with a text editor and search for “pre{” without quote.
    you’ll find a line like this:

    pre{margin: 20px 0;padding:25px 15px;overflow:auto;background-color:#eeeeee;border:1px dashed #FFCCCC;font-size:11px;font-family:"Courier New",Courier,monospace;font-weight:normal; overflow: auto; width: 305px;}

    now in this line remove “background-color” and “border” attributes including their values. so in my case i should remove this:
    background-color:#eeeeee;border:1px dashed #FFCCCC;

    save it and upload the file. browse your website and refresh your browser cache by pressing CTRL+F5, just to make sure it replace the old style.css file from browser cache.

    hope that helps ^_^

    Thanks! It works perfectly for me^_^

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘scroll problem in firefox!!’ is closed to new replies.