Manipulacion Objeto Div

[Fdo88]

Hola, tengo una pequeña duda respecto al objeto div.
Quisiera saber si es posible modificar su tamaño hasta el
punto de que el borde superior se convierta en el inferior,
es decir, ponerlo de cabeza totalmente.

Espero haberme hecho entender y de antemano gracias por
sus repuestas.

[kyedesigns]

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:

<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:

<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!

[alex_dh]

tenes que agregarle el tamaño del div

Código CSS:

HEIGHT: -140px;
WIDTH: 140px;
 

depende del tamaño, pero tiene que ser negativo