Beiträge von Amon

    Mit kleinen Anpassungen und mittels Hilfe von diesem Autoprefixer hab ich es für Webkit hinbekommen.

    Nur im IE klappt es leider noch nicht ;(.

    Dort scheint sich main nicht um den verfügbaren ungenutzten Platz zu vergrößern und der Footer sitzt direkt darunter und nicht am unteren Bildschirmrand.


    Warum? :/


    Das ist mein aktueller Code:


    HTML
    <body>
     <div class="main">
      gesamter Inhalt...
     </div>
    
     <div class="footer">
      Footer
     </div>
    
    </body>

    Hallo Forum,


    ich brauche mal wieder eure Hilfe.

    Es geht um die Abwärtskompatibilität eines Flexbox-Layouts für ältere Browser.


    Konkret habe ich über das Flexbox-Modell einen Footer, der sich immer am unteren Bildschirmrand befindet, auch bei sehr wenig Hauptinhalt.

    Gelöst hab ich das ganze folgendermaßen:



    Das Ganze funktioniert wunderbar in modernen Browsern, die das Flexbox-Modell verstehen.

    Ich möchte aber natürlich auch, dass es in älteren Browsern funktioniert.

    Ich habe schon herausgefunden, dass es dafür z.B. ms-flex oder webkit-flex Präfixe gibt.

    Nur weiß ich leider nicht, wie die genaue Syntax auszusehen hat. Ich habe schon alles mögliche probiert.

    Es klappt einfach nicht bei mir.

    Scheinbar spielt wohl auch die richtige Reihenfolge bei der Deklaration eine Rolle.


    Kann mir da jemand auf die Sprünge helfen?

    Hallo Forum,


    da ich mich mit JavaScript null auskenne, brauche ich mal eure Hilfe beim anpassen von 2 JS Funktionen.


    Hintergrund:

    Ich setze auf einer Homepage eine Fotogalerie mit der Lightbox-Variante "MediaboxAdvanced" ein.

    Es funktioniert auch alles soweit.


    Mein einziges Problem ist, dass der Code nicht HTML5 valid ist.

    Das liegt daran, dass die Lightbox über "rel=lightbox" angesprochen wird. Also z.B. <a href="bild.jpg" rel="lightbox">.

    Und lightbox ist halt in HTML5 kein definiertes Keyword für das rel Attribut.


    Um das Problem zu lösen, habe ich irgendwo gelesen, dass man die Lightbox einfach mit z.B. <a href="bild.jpg" data-rel="lightbox"> aufrufen soll.

    Damit das funktioniert, muss man natürlich auch den JavaScript Teil abändern, so dass nach "data-rel=lightbox" anstatt "rel=lightbox" gesucht wird.

    Wie ich hier gelesen hab, müsste man in der mediaboxAdv-1.3.4b.js wohl diese 2 Funktionen ändern:


    Code
    linkMapper = linkMapper || function(el) {
                    elrel = el.rel.split(/[\[\]]/);
                    elrel = elrel[1];
                    return [el.href, el.title, elrel];
                };
    Code
    Mediabox.scanPage = function() {
        var links = $$("a").filter(function(el) {
            return el.rel && el.rel.test(/^lightbox/i);
        });
        $$(links).mediabox({/* Put custom options here */}, null, function(el) {
            var rel0 = this.rel.replace(/[[]|]/gi," ");
            var relsize = rel0.split(" ");
            return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
        });
    };

    Was muss ich ändern, damit der HTML-Code <a href="bild.jpg" data-rel="lightbox"> wieder die Lightbox triggert?