Border issue with Win XP using IE8

  • Resolved Joy FSO

    (@joy-fso)


    9 years, 1 month ago

    Hello,

    Thanks for creating such a great plugin! I’ve searched the forums and hope I haven’t missed the answer to this inquiry. Here is the issue I’d like to resolve.

    I’m using Collapse-O-Matic on multiple pages of my website and added the CSS code below create a border line below the expanded text.

    .collapseomatic_content {
    border-bottom: 7px solid #000080;
    }

    Everything works perfectly in Win XP and Win 7 using Firefox, Chrome and IE11. The issue is with Win XP and IE8, instead of only one border below the expanded text, there is a duplicate border above the expanded text. Any idea how to get rid of the top border in this scenario? Here is a link for reference. https://www.fullspectrumonline.com/talent-connections

    Thanks

    https://www.ads-software.com/plugins/jquery-collapse-o-matic/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Baden

    (@baden03)

    IE8… puh… is that still in use?
    according to a quick google search this is a known bug with IE8. and by a bug I do mean one of the many, many bugs.

    Regardless, you might try adding position: relative; as some of the articles google points to recommends like’a so:

    .collapseomatic_content {
    border-bottom: 7px solid #000080;
    position: relative;
}
    Thread Starter Joy FSO

    (@joy-fso)

    Hehe, totally get that but can’t seem to resist checking things out on a legacy computer that I have. Thanks for your potential fix but no go.

    I thought I’d check in here before I leave it be as it isn’t a major issue and looks okay. It was just the inconsistency that was bugging me.

    Thanks again!

    Plugin Author Baden

    (@baden03)

    maybe try specifically setting the properties for the top border?

    .collapseomatic_content {
    border-top: 1px solid #000080;
    border-bottom: 7px solid #000080;
}

    See if that makes any change

    Thread Starter Joy FSO

    (@joy-fso)

    I inserted each of the lines below in the respective code above and no go.

    border-top: 1px solid #000080; (added a 1px top line on other browsers and made the IE8 top border larger)

    No effect with any of these.
    border-top: none;
    border-top: 0px solid #000080;
    border-top: 0px solid #000080 !important;

    Thanks

    Plugin Author Baden

    (@baden03)

    well, we did our best… not sure what more to tell you, other than make sure it’s not your specific installation of IE8. Have you tested on other machines?

    Thread Starter Joy FSO

    (@joy-fso)

    Good call. I’ve also tested it on my old netbook and have the same result. Thanks for your perseverance!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Border issue with Win XP using IE8’ is closed to new replies.

Tags