Kalender Anzeige verweigert im IE ?

FipsTheThief

Erfahrenes Mitglied
Also ich habe heut angefangen mir einen kleinen kalender in JS zu schreiben da man sowas ja öfters mal recht gut gebrauchen kann.

Das alles war auch nicht wirklich das Problem der Kalender läuft auch prima soweit , naja bis auf den IE da wird er einfach mal gar nicht angezeigt.

Der ganze Kalender wird in einer Tabelle aufgebaut , von der table bis zum td.Ich binde den Kalender in einen DIV Layer ein , der Opera , FF und Safrai 3.0 beta für Windows keine Probleme damit.Der Internet Explorer weigert sich irgendwie.

Wenn ich mir den Inhalt vom layer zurück geben lasse wenn der Kalender dort mittels appendChild eingebunden wurde , dann zeigt er mir auch den Kalender an , also <TABLE><TR><TD>...</TD></TR></TABLE> alles da.Aber sehen tu ich ihn dennoch nicht.

Hätte ja hierbei bald auf ein CSS Problem getippt , aber weder im IE 6.0 noch im IE 7.0 zeigt er ihn an.
Ich komm damit irgendwie gar nicht klar hat wer eine Idee woran das liegen könnte ?

Ich tipppe fast auf das CSS aber geht ja in all den anderen Browsern auch.

Und das schaut bei mir so aus :
Code:
            table {
                background-color:#666;
            }
            
            table tr td {
                height:20px;
                width:20px;
                border-collapse:collapse;
            }

            .calendarFieldHead {
                background-color:#666;
                color:#999;
                border:1px solid #000;
            }
             
            .calendarFieldEmpty{ 
                background-color:#666;
                color:#999;
            }
            
            .calendarFieldBody , .calendarFieldCurrentDay {
                background-color:#FFD;
                border:1px solid;
            }
            
            .calendarFieldCurrentDay {
                background-color:#FFDFFF;
                border:1px solid #000;
            }
            
            .calendarFieldFoot {
                background-color:#666;
                color:#999;
                text-align:center;
                border:1px solid #000;
            }

Anbei mal der komplette Kalender damit man sich mal ein Bild davon machen kann. Wenn es bei wem anderes im IE angezeigt wird dann will ich den auch ;) habs nun an 3 Rechnern getestet immer selbiges Problem.
 

Anhänge

  • Kalender.zip
    4,8 KB · Aufrufe: 14
Hi,

Tabellenzeilen müssen beim IE in den TBODY eingehängt werden, z.B.:
Code:
function Calendar () {

    var calendarTable = document.createElement("table");
    var calendarGround = document.createElement("tbody");
    var calendarHead = Element.create('TR');
    var date         = new Date();
    var currentDay   = date.getDate();
    var currentYear  = date.getYear()+1900;
    var currentMonth = date.getMonth();

    // ...

    this.getFullCalendar = function () {
        buildHead(); buildBody(); buildFoot();

        calendarTable.appendChild(calendarGround);
        calendarGround = calendarTable;

        return calendarGround;
    }
}
Ciao
Quaese
 

Neue Beiträge

Zurück