• Hello, I’m using the standard calendar of wordpress. All work nice on Firefox, but on IE I can not control the calendar size with the css property “width” or the hack “_width”. Can someone help me to corect that please.
    Thank you and sorry for my bad english
    Here is my css:

    #calendar {
    }
    #wp-calendar {
    border-bottom: 1px dashed #ddd;
    border-left: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
    empty-cells: hide;
    font-size: 9px;
    margin: 0px;
    width: 90%;
    background-color: #F6F6F6;
    color: #888888;

    }

    #wp-calendar #next a {
    padding-right: 5px;
    text-align: right;
    text-decoration: none;
    background-color: #F6F6F6;
    font-weight: bold;
    }
    #wp-calendar #prev a {
    padding-left: 5px;
    text-align: left;
    text-decoration: none;
    background-color: #F6F6F6;
    font-weight: bold;
    }
    #wp-calendar #next a:hover, #wp-calendar #prev a:hover {
    background-color: #DE3A3A;
    }

    #wp-calendar a {
    display: block;
    text-decoration: none;
    }
    #wp-calendar a:hover {
    background-color: #DE3A3A;
    color: #FFFFFF;
    text-decoration: none;
    }
    #wp-calendar caption {
    border-top: 1px dashed #ddd;
    border-left: 1px dashed #ddd;
    border-right: 1px dashed #ddd;
    font-size: 10px;
    text-align: right;
    margin: 0px;
    text-decoration: none;
    color: #0C89F3;
    }
    #wp-calendar caption a{
    text-decoration: none;
    background-color: #F6F6F6;
    }
    #wp-calendar td {
    color: #0C89F3;
    font: normal 10px Georgia, “Times New Roman”, Times, serif;
    letter-spacing: normal;
    padding: 0px;
    text-align: center;
    background-color: #F6F6F6;
    }
    #wp-calendar td.pad:hover {
    background-color: #F8F8F8;
    }
    #wp-calendar td:hover {
    color: #FFFFFF;
    background-color: #0C89F3;
    }
    #wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
    }
    #wp-calendar #today {
    color: #FFFFFF;
    background-color: #99D1FF;
    }
    #wp-calendar .today a{
    font-weight: bold;
    color: #DE3A3A;
    background-color: #99D1FF;
    }
    #wp-calendar .today a:hover{
    color: #FFFFFF;
    background-color: #DE3A3A;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘calendar css on IE’ is closed to new replies.