kostenloser Webspace werbefrei: lima-city


IE Matrix

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    Gibt es ein Forum, dass sich auf die IE Entwicklung / Komptabilität spezialisiert / konzentriert?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Nunja, es gibt das Microsoft Developer Network.

    Ich hab deine Frage aber noch nicht ganz verstanden, suchst du ein Forum um Erweiterungen für IE zu entwickeln? Oder eher nicht? Wegen Kompatibilität schließe ich eher auf Website-Development, da biste eigentlich in fast jedem Webbezogenen Forum (wie auch hier) richtig aufgehoben, bei ganz ausgefallenen Fragen wird man dich dann schon an passende Stellen verweisen, wenn man nicht mehr weiter weiss, aber mit IE haben auch hier viele einige Erfahrung. Worum gehts denn? Eine spezielle Frage? Oder allgemein zu dem Thema stöbern?
  4. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    nicoa schrieb:
    Nunja, es gibt das Microsoft Developer Network.

    Ich hab deine Frage aber noch nicht ganz verstanden, suchst du ein Forum um Erweiterungen für IE zu entwickeln? Oder eher nicht? Wegen Kompatibilität schließe ich eher auf Website-Development, da biste eigentlich in fast jedem Webbezogenen Forum (wie auch hier) richtig aufgehoben, bei ganz ausgefallenen Fragen wird man dich dann schon an passende Stellen verweisen, wenn man nicht mehr weiter weiss, aber mit IE haben auch hier viele einige Erfahrung. Worum gehts denn? Eine spezielle Frage? Oder allgemein zu dem Thema stöbern?


    Naja ich habe arg Probleme damit eine IE Matrix zu schreiben und sandbox hilft mir in dem falle nicht weiter..

    Habe zum Beispiel folgende .css Befehle:

    -webkit-transform: rotateY(180deg); 		//Geht noch
    -webkit-perspective: 1000; 			//Geht schon nicht mehr
    -webkit-transform-style: preserve-3d; 		//Geht sowieso nicht
    -webkit-transition: 0.5s; 			//Keine Ahnung, weil das darüber nicht funktioniert
    -webkit-backface-visibility: hidden;		//IE und Intelligenz? O.o
  5. kill-a-teddy schrieb:
    nicoa schrieb:
    Nunja, es gibt das Microsoft Developer Network.

    Ich hab deine Frage aber noch nicht ganz verstanden, suchst du ein Forum um Erweiterungen für IE zu entwickeln? Oder eher nicht? Wegen Kompatibilität schließe ich eher auf Website-Development, da biste eigentlich in fast jedem Webbezogenen Forum (wie auch hier) richtig aufgehoben, bei ganz ausgefallenen Fragen wird man dich dann schon an passende Stellen verweisen, wenn man nicht mehr weiter weiss, aber mit IE haben auch hier viele einige Erfahrung. Worum gehts denn? Eine spezielle Frage? Oder allgemein zu dem Thema stöbern?


    Naja ich habe arg Probleme damit eine IE Matrix zu schreiben und sandbox hilft mir in dem falle nicht weiter..

    Habe zum Beispiel folgende .css Befehle:

    -webkit-transform: rotateY(180deg); 		//Geht noch
    -webkit-perspective: 1000; 			//Geht schon nicht mehr
    -webkit-transform-style: preserve-3d; 		//Geht sowieso nicht
    -webkit-transition: 0.5s; 			//Keine Ahnung, weil das darüber nicht funktioniert
    -webkit-backface-visibility: hidden;		//IE und Intelligenz? O.o


    Wer sich wundert, warum browserspezifische Eigenschaften in einem anderen Browser nicht dargestellt werden, sollte nochmal mit CSS anfangen..
  6. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    tchab schrieb:
    Wer sich wundert, warum browserspezifische Eigenschaften in einem anderen Browser nicht dargestellt werden, sollte nochmal mit CSS anfangen..


    Wer nicht lesen kann sollte zur Schule gehen!

    Es war lediglich ein Beispiel und das Thema dieses Threads war, dass ich hilfe dabei brauche das auch für den IE hin zu bekommen! Ich hasse es, wenn Leute ständig ihren Senf dazu geben müssen, ohne überhaupt ihr Gehirn ein zu schalten -.-
  7. kill-a-teddy schrieb:
    tchab schrieb:
    Wer sich wundert, warum browserspezifische Eigenschaften in einem anderen Browser nicht dargestellt werden, sollte nochmal mit CSS anfangen..


    Wer nicht lesen kann sollte zur Schule gehen!

    Es war lediglich ein Beispiel und das Thema dieses Threads war, dass ich hilfe dabei brauche das auch für den IE hin zu bekommen! Ich hasse es, wenn Leute ständig ihren Senf dazu geben müssen, ohne überhaupt ihr Gehirn ein zu schalten -.-


    Wenn, nimm doch wirkliche "CSS-Befehle" und keine mit Präfix. Dann verliest man sich auch nicht so leicht. ;)
  8. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    tchab schrieb:
    Wenn, nimm doch wirkliche "CSS-Befehle" und keine mit Präfix. Dann verliest man sich auch nicht so leicht. ;)


    Dieser Epische Moment, wenn jemand deinen Beitrag nicht richtig ließt, irgendeinen Müll dazu schreibt und am Ende dir die Schuld in die Schuhe schieben will. :) Danke!
  9. Also erst mal könntet ihr euch vielleicht ein bisschen abkühlen, das trägt auch nicht zur Lösung des Problems bei.

    Und vielleicht könntest du hier ja mal deine bisherigen Versuche aufzeigen und schreiben, was genau du haben willst, damit wir dir auch helfen können. Irgendwelche "zum Beispiel" sind vielleicht nicht soo hilfreich. Oder willst du die portiert haben auf IE? Dann poste bitte eventuelle bisherige Versuche der Portierung.
    LG
  10. kill-a-teddy schrieb:
    tchab schrieb:
    Wenn, nimm doch wirkliche "CSS-Befehle" und keine mit Präfix. Dann verliest man sich auch nicht so leicht. ;)


    Dieser Epische Moment, wenn jemand deinen Beitrag nicht richtig ließt, irgendeinen Müll dazu schreibt und am Ende dir die Schuld in die Schuhe schieben will. :) Danke!


    Whatever. Ich wollte keinem die Schuld zuschieben, ich wollte nur sagen, warum ich mich "verlesen" habe. Und du brauchst dich über Müll doch nicht zu beschweren, fabrizierst doch selber genug...
  11. Autor dieses Themas

    kill-a-teddy

    Kostenloser Webspace von kill-a-teddy

    kill-a-teddy hat kostenlosen Webspace.

    tchab schrieb:
    Whatever. Ich wollte keinem die Schuld zuschieben, ich wollte nur sagen, warum ich mich "verlesen" habe. Und du brauchst dich über Müll doch nicht zu beschweren, fabrizierst doch selber genug...


    Alleine das du schreibst:"fabrizierst doch selber genug". Ganz ehrlich du bist ein kleiner sturer Bengel und wenn du nichts sinnvolles beizutragen hast, dann lass es doch einfach und geh dich lieber im realen Leben unbeliebt machen, statt im Internet ;) Denn das Internet sollte ursprünglich ein Informationsmedium sein und kein "Ich troll mal 'ne Runde rum und nerv Leute, weil ich zu viel Langeweile habe"- Medium.


    Als Beispiel habe ich mal drei Dateien, die Stylesheet Datei:

    #rule {
    	position: relative; margin: 50px auto;
    }
    .picture {
    	float: left; position: absolute;
    }
    	.picture .front {
    
    	}
    	.picture .back {
    		-webkit-transform: rotateY(180deg);
    		-moz-transform: rotateY(180deg);
    		-ms-transform: rotateY(180deg);
    		-sand-transform:  rotateY(180deg);
    		transform: rotateY(180deg);
    		color: #000000;
    	}
    		.picture img {
    			float: right;
    		}
    
    .container {
    	-webkit-perspective: 1000;
    	-moz-perspective: 1000;
    	-ms-perspective: 1000;
    	-sand-perspective: 1000;
    	perspective: 1000;
    }
    
    .swap {
    	border: 8px solid #fff;
    	-webkit-transform-style: preserve-3d;
    	-webkit-transition: 0.5s;
    	-moz-transform-style: preserve-3d;
    	-moz-transition: 0.5s;
    	-ms-transform-style: preserve-3d;
    	-ms-transition: 0.5s;
    	-sand-transform:   preserve-3d;
    	-sand-transition: 0.5s;
    	transform-style: preserve-3d;
    	transition: 0.5s;
    }
    
    .container:hover .swap {
    	-webkit-transform: rotateY(180deg);
    	-moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
    	-sand-transform:  rotateY(180deg);
        transform: rotateY(180deg);
    }
    
    .face {
    position: absolute;
    	-webkit-backface-visibility: hidden;
    	-moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
    	-sand-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    #rotate{
    	float:left;
    	margin-top:-50px;
    }


    Meine JS Datei (Ihr müsstet JQ 1.7 haben, damit die JS läuft)

    function wrap(){
    var StylesLocation = "style1.css";
    var FirstImageWidth=$(".rotate_front").width();
    var FirstImageHeight=$(".rotate_front").height();
    $('<style type="text/css"></style>')
        .html('@import url("' + StylesLocation + '")')
        .appendTo("head");
    $(".rotate_front").wrap('<div class="face front" style="width:' + FirstImageWidth + ';height:' + FirstImageHeight + ';"></div>');
    $(".rotate_back").wrap('<div class="face back" style="width:' + FirstImageWidth + ';height:' + FirstImageHeight + ';"></div>');
    $(".face, .back").wrapAll('<div id="rotate" style="width:' + FirstImageWidth + ';"><div id="rule" style="width:' + FirstImageWidth + ';"><div class="container picture" style="width:' + FirstImageWidth + ';height:' + FirstImageHeight + ';"><div class="swap" style="width:' + FirstImageWidth + ';height:' + FirstImageHeight + ';"></div></div></div></div>');
    $(".container").css( "width",FirstImageWidth, "height", FirstImageHeight );
    }


    <!DOCTYPE html >
    <html>
    
    <head>
    	<title></title>
    	<script src="js/jquery-1.7.2.js"></script>
    	<script src="js/effekt.js"></script>
    </head>
    
    <body>
    <img src="images/cotton-flower.jpg" class="rotate_front" onload="wrap()" alt="" />
    <img src="images/cotton-flower1.jpg" class="rotate_back" alt="" />
    </body>
    </html>


    Das ganze dient am Ende dazu ein Bild seitlich zu rotieren.

    Beitrag zuletzt geändert: 4.7.2012 16:05:35 von kill-a-teddy
  12. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!