DIV wird in Safari nicht angezeigt!

[Supermann]

Hallo, ich habe ein Problem mit einer Anzeige eines DIVs in Safari.

Wir haben eine Bilderzentrale von der aus die Kunden Ihre Bilder in unser Fotolabor übertragen können, wärend der Übertragung wird ein DIV angezeigt, der auf die Verarbeitung hinweist. Dieser DIV wird in Firefox und Chrome einwandfrei angezeigt, in Safari jedoch nicht. Was ich nicht verstehe ist, das der DIV aber in allen Browsern, auch Safari im Quelcode nach dem auslösen angezeigt wird, nur bei Safari sieht es so aus als würden die CSS Anweisungen dazu nicht übernommen. Die CSS Anweisungen passen aber, denn denn ich den DIV fest in einen Artikel einbaue wird dieser auch in Safari angezeigt, also kann ich das CSS schon einmal ausschließen. Am Script welches den DIV auslöst, denke ich kann es auch nicht liegen, denn auch in Safari wird ja der DIV dann im Code angezeigt.

Spielt es in Safari evtl. eine Rolle an welcher Stelle solch ein DIV eingeblendet werden muss?

Deshalb komme ich einfach nicht weiter und würde mich freuen wenn evtl. jemand einen TIP hätte.

Das ist das Script welches unter anderem diesen DIV "waitInfo_bg" auslösen soll.


Sorry, hatte ich noch vergessen, das ist der Auslöse Code:

<?php print $this->isAjax == '1' ? 'onclick="ajaxAddPL(this.href); return false;"' : 'onclick="disableWaitInfo();"'; ?>

<script type="text/javascript">
        var noWaitInfo = false;
        <?php if($this->isAjax == '1'): ?>
        function ajaxAddPL(href) {
            new Request.JSON({
                method: 'get',
                'url': href,
                onSuccess: function(response) {
                    parent.location.href = response.href;
                }
            }).send();
        }
        <?php endif; ?>
        function disableWaitInfo() {
            noWaitInfo = true;
        }
        <?php if(!\Input::get('isAjax')): ?>
        function showWaitInfo() {

            windowInfo = getScrollXY();
            var box = new Element('div', {
                    styles: {
                'left': windowInfo[0] / 2 - (370 / 2)  + 'px',
                'top': windowInfo[1] / 2 - (100 / 2) - 50 + 'px',
                'position': 'absolute'
                    },
                    'class': 'waitInfo_bg'
            });
            box.set('html', '<div class="wait">Daten werden übertragen. Bitte haben Sie einen Augenblick Geduld.</div>');
            //box.injectInside(document.body);
            //Mediabox.close();
            //jQuery('#cboxClose').click()
            $$('.nivo-lightbox-overlay').each(function(item, index) {

                    item.destroy();
                });
            box.inject(document.body);
            if(!noWaitInfo)
                           window.document.location.reload(true);
        }
        function getScrollXY() {
        var scrOfX = 0, scrOfY = 0;
        if( typeof( window.pageYOffset ) == 'number' ) {
            //Netscape compliant
            scrOfY = window.pageYOffset;
            scrOfX = window.pageXOffset;
        } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
            //DOM compliant
            scrOfY = document.body.scrollTop;
            scrOfX = document.body.scrollLeft;
        } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
            //IE6 standards compliant mode
            scrOfY = document.documentElement.scrollTop;
            scrOfX = document.documentElement.scrollLeft;
        }

        var myWidth = 0, myHeight = 0;
        if( typeof( window.innerWidth ) == 'number' ) {
            //Non-IE
            myWidth = window.innerWidth;
            myHeight = window.innerHeight;
        } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
            //IE 6+ in 'standards compliant mode'
            myWidth = document.documentElement.clientWidth;
            myHeight = document.documentElement.clientHeight;
        } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
            //IE 4 compatible
            myWidth = document.body.clientWidth;
            myHeight = document.body.clientHeight;
        }
        return [ myWidth + scrOfX, myHeight + scrOfY ];
    }

    <?php endif; ?>

    window.addEvent('domready', function() {
                $$('.waitInfo').each(function(item, index) {item.setStyle('display', 'none');});
                $$('.waitTrigger').each(function(item, index) {
                        item.addEvent('click', function() {
                                showWaitInfo();
                        });
                });

        });

        <?php if($this->isAjax === true): ?>
        function showWaitInfo() {
        windowInfo = getScrollXY();
        var box = new Element('div', {
            styles: {
                'text-align': 'center',
                'position': 'absolute',
                'z-index': '15000'
            },
            'class': 'waitInfo_bg'
        });
        box.set('id', 'waitInfoBox');
        box.set('html', '<div class="data">BEARBEITUNG LÄUFT <p>Bitte haben Sie einen Augenblick Geduld</p></div>');
        box.inject(document.body);
    }
    function getScrollXY() {
        var scrOfX = 0, scrOfY = 0;
        if( typeof( window.pageYOffset ) == 'number' ) {
            //Netscape compliant
            scrOfY = window.pageYOffset;
            scrOfX = window.pageXOffset;
        } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
            //DOM compliant
            scrOfY = document.body.scrollTop;
            scrOfX = document.body.scrollLeft;
        } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
            //IE6 standards compliant mode
            scrOfY = document.documentElement.scrollTop;
            scrOfX = document.documentElement.scrollLeft;
        }

        var myWidth = 0, myHeight = 0;
        if( typeof( window.innerWidth ) == 'number' ) {
            //Non-IE
            myWidth = window.innerWidth;
            myHeight = window.innerHeight;
        } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
            //IE 6+ in 'standards compliant mode'
            myWidth = document.documentElement.clientWidth;
            myHeight = document.documentElement.clientHeight;
        } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
            //IE 4 compatible
            myWidth = document.body.clientWidth;
            myHeight = document.body.clientHeight;
        }
        return [ myWidth + scrOfX, myHeight + scrOfY ];
    }
        <?php endif; ?>

</script>