WordPress.org

Ready to get started?Download WordPress

Forums

sudden long horizontal scrollbar, overflow: hidden; no help (18 posts)

  1. iceq
    Member
    Posted 3 years ago #

    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

  2. esmi
    Forum Moderator
    Posted 3 years ago #

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

  3. iceq
    Member
    Posted 3 years ago #

    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

  4. iceq
    Member
    Posted 3 years ago #

    Would be glad if someone offered help here, thanx

  5. iceq
    Member
    Posted 3 years ago #

    Thank you.

  6. esmi
    Forum Moderator
    Posted 3 years ago #

    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?

  7. iceq
    Member
    Posted 3 years ago #

    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 !

  8. esmi
    Forum Moderator
    Posted 3 years ago #

    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.

  9. iceq
    Member
    Posted 3 years ago #

    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.

  10. esmi
    Forum Moderator
    Posted 3 years ago #

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

  11. iceq
    Member
    Posted 3 years ago #

    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.

  12. esmi
    Forum Moderator
    Posted 3 years ago #

    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/

  13. iceq
    Member
    Posted 3 years ago #

    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 !

  14. 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).

  15. iceq
    Member
    Posted 3 years ago #

    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.

  16. esmi
    Forum Moderator
    Posted 3 years ago #

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

  17. iceq
    Member
    Posted 3 years ago #

    Hi esmi Thank you.
    I still dont know what causes it.
    1- I replaced the current theme files with the original theme templates: the php templates, CSS files and JS files (including the nav.js).
    2- I validated and fixed the few errors.
    3- I removed 3 pages from the nav (to see perhaps having many of them is what causes the problem).

    All that, did not fix the problem !

    I removed the polldaddy's widget, and the problem is gone !! What could this be ???

    http://alkotab.net/

  18. iceq
    Member
    Posted 3 years ago #

    Thank you for anyone willing to help out :)

Topic Closed

This topic has been closed to new replies.

About this Topic