Ver Mensaje Individual
  #5 (permalink)  
Antiguo 30/03/2012, 14:53
gebremswar
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 11 meses
Puntos: 57
Información Respuesta: Rotar texto + CSS

Bugger; modifiqué el CSS que compartiste.

Código CSS:
Ver original
  1. th{
  2.     font: bold 12px Arial,Helvetica,Verdana;
  3.     height: 200px;    
  4.     position: relative;
  5.     vertical-align: bottom;
  6.     width: 50px;
  7.     padding: 10px 2px 50px 2px;
  8. }
  9. .rotar{
  10.     -webkit-transform-origin:25px 10px;
  11.     -webkit-transform: rotate(-90deg);
  12.     -moz-transform-origin:25px 10px;
  13.     -moz-transform: rotate(-90deg);
  14.     filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  15.     display: block;
  16.     line-height: 20px;
  17.     position: absolute;
  18.     white-space: nowrap;
  19. }

Y para IE, se me ocurrió lo siguiente:

Código CSS:
Ver original
  1. /*reemplazaria el "bottom" usado anteriormente*/
  2. th{ vertical-align: top}
Esto ultimo iría en el condicional al final de las demás hojas de estilo en cascada.

Pruébelo y coméntenoslo.