WordPress.org

Ready to get started?Download WordPress

Forums

IE problems with Calendar plug-in (5 posts)

  1. nazzman
    Member
    Posted 5 years ago #

    I am running a calendar/events plug-in called Calendar by Kieran O'Shea. This on Lifestyle 4.0 and WP 4.0

    Here is the Calendar plugin page

    Here is the Calendar page on my site:

    The problem is with IE, sigh. The calendar looks good on Mac Safarai/Firefox and on my PC IE8/Firefox. But viewed through earlier IEs the entries break after one word and look ridiculous, vertically. And now I am hearing from some PC users with IE 8 that it is breaking this way as well, although I can't duplicate that.

    Here is an example of the bad breaks on IE:
    (this is someone else's site)

    The developer has said he can't duplicate this and it must be a problem with the theme. Others on his forum have had the issue.

    Here is one fix from that forum that didn't work for me -- the last two lines are new:

    .calnk a {
    text-decoration:none;
    color:#000000;
    border-bottom:1px dotted #000000;
    display: block;
    min-width:95px;
    }

    Here is the plug-in's CSS file

    .calnk a:hover {
    background-position:0 0;
    text-decoration:none;
    color:#000000;
    border-bottom:1px dotted #000000;
    }
    .calnk a:visited {
    text-decoration:none;
    color:#000000;
    border-bottom:1px dotted #000000;
    }
    .calnk a {
    text-decoration:none;
    color:#000000;
    border-bottom:1px dotted #000000;
    }
    .calnk a span {
    display:none;
    }
    .calnk a:hover span {
    color:#333333;
    background:#F6F79B;
    display:block;
    position:absolute;
    margin-top:1px;
    padding:5px;
    width:150px;
    z-index:100;
    }
    .calendar-table {
    border:none;
    width:100%;
    }
    .calendar-heading {
    height:25px;
    text-align:center;
    border:1px solid #D6DED5;
    background-color:#E4EBE3;
    }
    .calendar-next {
    width:25%;
    text-align:center;
    }
    .calendar-prev {
    width:25%;
    text-align:center;
    }
    .calendar-month {
    width:50%;
    text-align:center;
    font-weight:bold;
    }
    .normal-day-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.9em;
    border:1px solid #DFE6DE;
    background-color:#EBF2EA;
    }
    .weekend-heading {
    text-align:center;
    width:25px;
    height:25px;
    font-size:0.9em;
    border:1px solid #DFE6DE;
    background-color:#EBF2EA;
    color:#000000;
    }
    .day-with-date {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;
    border:1px solid #DFE6DE;
    }
    .no-events {

    }
    .day-without-date {
    width:60px;
    height:60px;
    border:1px solid #E9F0E8;
    }
    span.weekend {
    color:#000000;
    }
    .current-day {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;
    border:1px solid #BFBFBF;
    background-color:#E4EBE3;
    }
    span.event {
    font-size:1.0em;
    }
    .kjo-link {
    font-size:1.15em;
    text-align:center;
    }
    .event-title {
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
    }
    .event-title-break {
    width:96%;
    margin-left:2%;
    margin-right:2%;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    height:1px;
    background-color:#000000;
    }
    .event-content-break {
    width:96%;
    margin-left:2%;
    margin-right:2%;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    height:1px;
    background-color:#000000;
    }
    .calendar-date-switcher {
    height:25px;
    text-align:center;
    border:1px solid #D6DED5;
    background-color:#E4EBE3;
    }
    .calendar-date-switcher form {
    margin:0;
    padding:0;
    }
    .calendar-date-switcher input {
    border:1px #D6DED5 solid;
    }
    .calendar-date-switcher select {
    border:1px #D6DED5 solid;
    }
    .cat-key {
    width:100%;
    margin-top:10px;
    padding:5px;
    border:1px solid #D6DED5;
    }

  2. nazzman
    Member
    Posted 5 years ago #

    bump!

  3. Gary
    Member
    Posted 5 years ago #

    There's an option in IE8 to emulate the older IE's for compatibility reasons. Perhaps that's the explanation for the differing behavoiurs for your IE8 users?

    Look for Tools > Compatibility View...

  4. paulaeisenberg
    Member
    Posted 4 years ago #

    Did anyone find a fix for this? Since so many people still use MSIE, there needs to be a fix in the plugin. We can't expect users to reset their MSIE options.

  5. ardmhacha
    Member
    Posted 4 years ago #

    I have come across this problem too. its a pity because its a great plugin. It works for me in IE8 and Firefox but not in IE8 compatibility mode. I have changed themes for testing purposes but problem still exists so don't think its theme related. BTW the CSS fix above does not work for me either. Any help would be appreciated.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags