Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/04/2010, 08:49
Avatar de kyedesigns
kyedesigns
 
Fecha de Ingreso: abril-2010
Ubicación: Continuamente en movimiento...
Mensajes: 99
Antigüedad: 14 años
Puntos: 4
Respuesta: Manipulacion Objeto Div

Hola!

Supongo que si es posible, pero debes estar al tanto de los limites de cada navegador, ya sea "Firefox", "Safari" o "IE". Cada uno tiene sus posibilidades y diferentes formas de lograr lo que deseas. Lo puedes lograr a través de CSS o Javascript.

En Firefox puedes utilizar CSS, como ejemplo:

Cita:
<div style="-moz-transform: rotate(90deg); -moz-transform-origin: bottom left;">
<iframe src="http://www.google.com/" width="500" height="600"></iframe>
</div>
En donde 90deg son los grados a rotar el div que deseas. En tu caso sería "180deg" para ponerlo de cabeza.

En Safari también se logra a través de CSS, por ejemplo:

Cita:
<div style="document.body.style.webkitTransform = 'rotate(90deg)';">
<iframe src="http://www.google.com/" width="500" height="600"></iframe>
</div>
En donde 90deg son los grados a rotar el div que deseas. En tu caso sería "180deg" para ponerlo de cabeza.

En este último no estoy muy seguro de la sintaxis, pero se que la linea document.body.style.webkitTransform = 'rotate(90deg)'; es la clave para lograrlo con Safari.

En IE tengo entendido que se logra con Javascript siendo un poco mas tedioso.

Suerte! Espero haber podido ayudar en algo!