jQuery UI Widgets Forums Layouts Splitter Problem with CSS border-top

This topic contains 2 replies, has 2 voices, and was last updated by  RichardD 12 years, 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Problem with CSS border-top #1747


    We are trying to integrate jsplitter in a webpage and the following CSS in our page seems to cause problem to the splitter :

    html { border-top:5px solid #FFDFB0; }

    When the bar is dragged, it will go up of 5px.

    Could you please let me know if there is a way to prevent the top-border setting to affect the splitter bar?

    Thanks in advance!


    Problem with CSS border-top #1754


    Hello Richard,

    It seems that there’s an issue with the offset() method of jQuery when is used a border on the html. We are using this method in jqxSplitter. There are two approaches for handling the issue:

    1) Using any html element which is going to simulate the same effect as a top border.
    2) Putting the splitter into iframe. The only thing that should be fixed is attaching to the parent window’s mouseup event:

    if (window.frameElement) {
    if (window.top != null) {
    $(window.top.document).bind('mouseup', function (event) {

    Best regards,

    jQWidgets Team

    Problem with CSS border-top #1755


    Thanks for the info Minko!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.