Eventkalender im Internet Explorer anpassen

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Das ist die .css Datei:

    /* EventCalendar. Copyright (C) 2005, 2006 Alex Tingle. $Revision: 1.13.4.2 $
    * This file is licensed under the GNU GPL. See LICENSE file for details.
    */
    /***
    *** Calendar
    ***/
    #wp-calendar table {
    width:80%;
    }
    #wp-calendar #prev {
    text-align:left;
    }
    #wp-calendar #next {
    text-align:right;
    }
    /* Fix a bug in the default style. */
    #wp-calendar #prev a {
    font-size:80%;
    }
    .ec3_eventday a {
    color:#a00 !IMPORTANT;
    }
    #wp-calendar table td,
    #wp-calendar table th {
    text-align:center;
    }
    #wp-calendar table td,
    #wp-calendar table td.pad:hover,
    #wp-calendar table.nav tr td {
    padding:1px;
    border:none;
    }
    #wp-calendar table td:hover,
    #wp-calendar table #today {
    padding:0px;
    border:solid 1px #999;
    }
    /* The EC graphic. */
    .ec3_ec {
    display:block;
    float:right;
    border:none;
    width:13px;
    height:9px;
    }
    .ec3_ec span { display:none }

    /***
    *** Popup
    ***/
    .ec3_popup {
    margin:0;
    padding:0;
    border:none;
    position:absolute;
    border-collapse:collapse;
    filter:alpha(opacity=87);
    -moz-opacity:.87;
    opacity:.87;
    z-index:30000;
    }
    .ec3_popup td {
    padding:0;
    }
    .ec3_popup table {
    border:solid #999 1px; /* popup border */
    background-color:#eeb; /* popup background colour */
    font-size:x-small; /* popup font size */
    color:black;
    text-align:left;
    }
    .ec3_popup table td {
    padding:1.5px 3px 1.5px 3px;
    }
    #ec3_shadow0 div { width:8px; height:32px; }
    #ec3_shadow0 {
    margin:0;
    padding:0;
    border:none;
    width:8px;
    background-repeat:no-repeat;
    background-position:bottom right;
    vertical-align:bottom;
    }
    #ec3_shadow1 {
    margin:0;
    padding:0;
    border:none;
    height:16px;
    background-repeat:repeat-x;
    }
    #ec3_shadow2 div { width:8px; height:32px; }
    #ec3_shadow2 {
    margin:0;
    padding:0;
    border:none;
    width:8px;
    background-repeat:no-repeat;
    background-position:bottom left;
    vertical-align:bottom;
    }
    /***
    *** Event list
    ***/
    .event_list_day, .event_list_month {
    margin-left:-12px;
    word-spacing:-1px;
    letter-spacing:-0.2px;
    color:#800;
    }
    .event_list_day li, .event_list_month li {
    font-size:0.9em !IMPORTANT;
    }
    .event_list_day li:before, .event_list_month li:before {
    content:"" !IMPORTANT;
    }

  • font-size:
    wenn da wo % Angaben sind mache die mal um gute 10% weniger,
    sind da wo .em Angaben um eins weniger

    font-size:80% ==>font-size:70%
    font-size:0.8em;==>font-size:0.7em;

    als Beispiele
    dann leere Deinen Browsercache und sieh nach , ob es jetzt größenmäßig besser für Dich passt.

    lg

  • Damit ändere ich aber nicht die Schriftgrößen des Datum`s, sondern nur die Schriftgröße des zu wählenden Monats in % und mit .em die Schriftgröße des Events. der Größenunterschied von Firefox zu IE bleibt aber verhältnismäßig.

    Grüße Richard

  • Zitat von Richard

    .... der Größenunterschied von Firefox zu IE bleibt aber verhältnismäßig.

    Grüße Richard



    das ist normal...
    weil........................

    .......
    und auch weil....
    ;);)


    [nach drei Stunden den Vortrag über die Unterschiede zwischen Browser und IE Luft hole und weitere Unterschiede aufzähle...]


    Du kannst natürlich ein eigenes style.css nur für den IE machen
    ...ehrlich tät ich wegen dieses Problems nicht

    lg

  • ok, verstehe ;-) Was ist denn Deiner Meinung nach sinnvoller, den Kalender auf den IE anzupassen, oder auf den Firefox. Immerhin nutzen, na ich denke, mal 85% der User den IE.

  • Zitat von Richard

    ok, verstehe ;-) Was ist denn Deiner Meinung nach sinnvoller, den Kalender auf den IE anzupassen, oder auf den Firefox. Immerhin nutzen, na ich denke, mal 85% der User den IE.



    solange eine etwaige größere Schrift das Design nicht bricht, indem die sidebar nach unten rutscht oder so,

    ist es irrelevant,

    weil Du ja auch nicht weißt mit welcher Schriftgröße ich mir Deine Seite ansehe

    ehrlich:das sind Glaubenskriege, es gibt gleich viel Für und Wieder.....

    lg

  • Ich habe mir gerade das event calendar plugin installiert und da gibt es keinen Unterschied in der Größe der Kalender-Tabelle zwischen Firefox und IE.

    Möglicherweise liegt es bei dir daran, dass für die Tabelle wp_calendar bzw. seine Zellen keine default-Schriftgröße definiert ist. Der Explorer nimmt da gern seine Standardschriftgröße - unabhängig von der Body/Container - definierten Schriftgröße.

    Oder: in deinem Explorer ist unter Ansicht -> Schriftgrad - Groß eingestellt.
    Der Clou bei barrierearmen Seiten ist, dass man bei ihnen auch im Explorer die Schriftgröße pe STRG+Mausrad auf/ab verändern kann.

    Einfach nur eine Frage der CSS-Kenntnisse.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!