molily: Rotieren mit IEs Matrix-Filter

Beitrag lesen

<!doctype html>  
<style>  
#th {  
	-webkit-transform: rotate(90deg);  
	-moz-transform: rotate(90deg);  
}  
</style>  
<script>  
[code lang=javascript]var deg2radians = Math.PI * 2 / 360;  
  
function rotate (el, deg) {  
	if (!el.filters) {  
		return;  
	}  
	el.style.filter = "progid:DXImageTransform.Microsoft.Matrix(sizingmethod='auto expand')";  
	var rad = deg * deg2radians  
		costheta = Math.cos(rad),  
		sintheta = Math.sin(rad),  
		filter = el.filters.item(0);  
	filter.M11 = costheta;  
	filter.M12 = -sintheta;  
	filter.M21 = sintheta;  
	filter.M22 = costheta;  
};  
  
window.onload = function () {  
	rotate(document.getElementById("th"), 90);  
};

</script>
<table>
<tr>
<th id="th">blub</th>
<td>bla</td>
</tr>
</table>[/code]