CSS 3-Darstellungsfehler

08154711

Erfahrenes Mitglied
Hallo,
Ich probiere gerade ein paar Neuerungen mit CSS3 durch. In der Liveansicht vom Editor sieht man die Änderung, schaut man hingegen mit dem FF4 & IE9 ändert sich nach dem aktualisieren nichts. Danke für eure Hilfe

Hier mal der Code
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TestCSS</title>
<link href="page.css" rel="stylesheet" type="text/css" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
  <div id="div1" class="div1"></div>
</div>
</body>
</html>
die main.css
Code:
body { background-color:#FFC; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background-image:url(bg.png); background-repeat:repeat;}
#wrapper { width:960px; margin:0 auto;}
.div1 { position:absolute; width:400px; height:300px; top:50px; left:350px; background-color:#ff9900;}

die page.css
Code:
#div1 {
	-webkit-transform: scale(2, 1);
}
 
Jetzt funktionierts
{
/*transform*/
-webkit-transform:scale(2, 1);
-moz-transform:scale(2, 1);
-ms-transform:scale(2, 1);
-o-transform:scale(2, 1);
transform:scale(2, 1);
}
Wäre toll, wenn man die Anweisungen nicht für "jeden" Browser machen muß.
 
Zurück