WordPress.org

Support

Support » Themes and Templates » sudden long horizontal scrollbar, overflow: hidden; no help

sudden long horizontal scrollbar, overflow: hidden; no help

  • EDIT: RESOLVED, PLEASE JUMP TO EDIT 2

    Hi to you all, I suddenly got this long horizontal scrollbar. I deactivated latest plugins that I thought could be the reason, but no help.
    I added the overflow: hidden; to my body class (I have no wrapper class) but that disabled also the vertical scroll which prevented the rest of the site from being displayed.

    I checked the width properties, they are fine.
    What could it be?

    Thanx

    The site:
    http://alkotab.net

    ُEDIT: It seems the issue is on the site’s index and the singles (posts), and NOT on pages.. pages are different in that they do not have the right sidebar, but I really can’t tell whats causing it.

    EDIT2: Well actually it turned out to be caused by one widget when I moved it from the left to the right sidebar, but why? I dont know :S

    However I still have the saie issue with another website (will appreciate it if you could help)
    http://armedia.al-rasid.com

Viewing 15 replies - 1 through 15 (of 17 total)
  • esmi

    @esmi

    Forum Moderator

    Start by sorting out the markup errors. Then move onto the CSS errors.
    http://codex.wordpress.org/Validating_a_Website

    Thanx esmi. I must be honestly say that I do not care much about validating marking. I tried once to comply and validate every error, but man that was really really difficult to do. Then I read many articles whose writers said validating is not really an issue as long as your website looks fine in all browsers, after all humans are the readers I care about not robots 🙂

    Anyway, I managed to isolate whats caused the problem. Please see edit 2 above.
    Thanx

    Would be glad if someone offered help here, thanx

    Thank you.

    esmi

    @esmi

    Forum Moderator

    I read many articles whose writers said validating is not really an issue as long as your website looks fine in all browsers, after all humans are the readers I care about not robots

    Then those writers are fools. All “readers” are not human. The primary reader for any web page is software – namely the web browser (or user agent). It needs to be able to parse the incoming page in order to display it correctly. The more errors the page contains, the greater the likelihood that the browser will make “mistakes” when displaying the page.

    Think of it this way, if you gave a musician a sheet of music that contained many notation errors, would you expect the final performance to sound right?

    Thank you Esmi. I agree with you, but what I meant is that when the site looks good in the browsers, what need is there for validating?
    ANyway I have validated both the CSS and the HTML codes, and fixed minor things that were there. Yet the problem is still there !!

    I should mention that the widget causing it is the Polldaddy poll in the right sidebar. When I remove it, the scroll is gone. I emailed Polldaddy support and they reviews my theme files and found nothing that counterfeits with their poll !

    esmi

    @esmi

    Forum Moderator

    what need is there for validating?

    It maximises the result across as many user agents as possible. Have you really tested the site in all 300+ web browsers? Plus all of the non-browser user agents? I know I couldn’t. There are still 46 validation errors on http://armedia.al-rasid.com/ – some of which many be contributing to your problems. Right now I can’t even locate a PollDaddy widget on that site’s home page.

    Thanx again esmi. The site I am currently concerned about and trying to resolve its problem is http://alkotab.net.
    Thank you if you could take a look at it.

    esmi

    @esmi

    Forum Moderator

    It’s not the PollDaddy widget or anything in the left sidebar. It appears to be your page dropdown menu.

    What’s about the nav bar? Could you please figure out?
    And if it’s not the Polldaddy widget, why is the scroll gone when I remove the widget?
    I’d be glad if you could provide any additional help esmi.. I really tried hard to detect the cause of this issue and could not.

    esmi

    @esmi

    Forum Moderator

    I removed every other element on your front page – with the exception of the dropdown divs using display:none and the horizontal bar remained. As soon as I started playing with the CSS of the dropdown divs, that bar started moving all over the place – suggesting that the problem is in there. Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    Dear esmi, I really appreciate the time and effort you are investing to help me.
    I am actually using Firebug and the other famous developers toolbar for firefox, but still could not know where it is !
    In the original theme the issue is not present. But I just made sure the styling properties of the .nav are identical to the original CSS.. the only things I changed are the float properties (left to right) since it is an Arabic RTL blog.
    I doubt it is the float, since the issue did not appear from the beginning but appeared suddenly, and I am unable to tell why !

    Moderator Michael

    @alchymyth

    Forum Moderator

    the scrollbar seems to ba caused by something generated by javascript, i.e. very likely by a plugin.

    you already mentioned the ‘Polldaddy poll’ – is that present in the other site as well?

    have you tried to deactive all plugins?
    and then re-activated them one by one to see which one is causing the problem?

    have you checked with the theme seller of the ‘Wave’ theme? (as this is a commercial theme, this forum cannot really help with any problems concerning that theme).

    Thank you alchymyth. Yes, as I said before, the scroll only appears when the Polldaddy widget is active, and it is a Java as you can see.
    I am not sure which “other site” you mean. I am currently concerned about http://alkotab.net, where polldaddy is installed and its widget seems to be causing the issue. But I said that I emailed Polldaddy support and they reviewed my theme files and found nothing that counterfeits with their poll.
    I contacted the theme’s author but never got a response. It is an old theme it seems, perhaps no longer supported.

    esmi

    @esmi

    Forum Moderator

    From what I can see, the page dropdown menu is (at least partially) generated by js.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘sudden long horizontal scrollbar, overflow: hidden; no help’ is closed to new replies.