Beiträge von IceGloo

  • Probleme mit Safari - Seite "flackert"

    Danke für den Hinweis, aber es hat sich nichts geändert, @font-face habe ich auch garnicht eingebunden.


    aber ich kenne mittlerweile die ursache des problems:


    <a href="#anker_top" class="scroll" id="news_1">
    <div class="view-tenth" id="first_news">
    <img src="http://www.html.de/images/main/news_1.jpg" alt="Goldschmiede Atelier">
    <div class="mask">
    <h2>Goldschmiede Atelier</h2>
    <p>Professionelle Anfertigungen</p>
    </div>
    </div>
    </a>


    .view-tenth:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 13;
    }
    .view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 13;
    }
    .view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 13;
    }


    ich dachte erst es würde an dem transform liegen, habe nacheinander alle styles ausgeschaltet, aber nur wenn ich alle hover styles abschalte, passiert der fehler nicht mehr.
    es liegt also an dem hover allgemein, dass der div mit den gehoverten elementen kurz im safari durchscheint..


    einer ne idee, ich finde per google nichts ähnliches, zwar viele hover probleme aber nichts was mir weiterhilft...

  • Probleme mit Safari - Seite "flackert"

    Hallo Forum!

    http://np-grafik.de/web_dennis/Laerbusch/index.html

    öffnet ihr die Seite im Safari (5+, dadrunter habe ich nicht getestet) sind die container, welche unten liegen (z-indexe) immer kurz sichtbar.
    - Alle paar Sekunden (wenn die Slider die bilder ändern)
    - immer wenn man die 3 buttons auf der startseite hovert

    Kann mir jemand sagen wodran das liegen könnte?! habe schon lange gesucht und rumprobiert..

    Slider: http://responsive-slides.viljamis.com/
    buttons: http://tympanus.net/codrops/2011/1…ects-with-css3/ (example 10)


    ich hoffe sehr das ihr mir helfen könnte, ich verzweifel langsam..

    LG!

  • IE: (was auch sonst..) Probleme mit Png´s und H3-Überschriften..

    Hallo liebe Community!

    Dies ist mein erster Beitrag hier und ich möchte kurz etwas sagen:
    Meist löse ich meine Probleme selbst, google mich blöd ect.
    Nun geht es aber um einen Kunden dessen Seite nun schon online ist und wegen großen Zeitdruck ich die Webseite nicht genügend Testen konnte.

    http://www.tanzschule-ritter.de

    seit gestern online, einige Macken im IE und älteren Firefox (rahmen um Bilder ect.) habe ich schon beseitigt,
    was aber wirklich fatal bis jetzt ist:
    Die Bilder der Hauptnavigation links (Png´s) sind im IE nicht sichtbar, entweder die oder der Farbige Div dadrunter, die Ions sind nämlich quasi "ausgeschnitten" und sollen auf das farbige div dadrunter durchblicken.

    Bitte seht selbst, ich bin ratlos..

    Der W3C Validator gibt mir 3 Errors aus, die ich nicht verstehe:


    Line 110, Column 68: An a start tag seen but an element of the same type was already open.
    …ef="#anker_jugendliche" class="scroll"> Jugendliche </a> &amp; <a href="#anke..."End tag a violates nesting rules" und "Cannot recover after last error. Any further errors will be ignored." kommen als fehlermeldung an genau der selben stelle.
    Ausserdem meckert er bei fast jedem </br>

    gibt es einen Zusammenhang?!


    Ich danke fürs Lesen und hoffe natürlich auf eure Hilfe. Liebe Grüße,
    IceGloo