Hola amigos, pues bueno tengo mi web de prueba en localhost y tengo un pequeño percance con un div en mi web.
Aquí se puede ver pefectamente mi problema:
Cuando está en pantalla normal
(http://i.imgur.com/lHqzM6n.png)
Cuando cambio la resolucion:
(http://i.imgur.com/YGsJ7Ov.png)
Y para que no se de cuenta:
(http://i.imgur.com/JgpH0cO.png)
.globoC {
position: relative;
padding: 20px;
border-width: 1px;
border-style: solid;
border-color: #949494 #8f8f8f #7b7b7b;
text-shadow: 0 1px 0 #FFF;
background: #f2f2f2;
background: -webkit-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
background: -moz-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
background: -ms-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
background: -o-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
background: linear-gradient(to bottom,#f2f2f2 0,#eaeaea 100%);
color: #000;
z-index: 20;
border-radius: 5px;
-webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.4),1px 1px 0 #FFF inset,-1px -1px 0 #FFF inset;
-moz-box-shadow: 0 4px 10px rgba(0,0,0,0.4),1px 1px 0 #FFF inset,-1px -1px 0 #FFF inset;
box-shadow: 0 4px 10px rgba(0,0,0,0.4),1px 1px 0 #FFF inset,-1px -1px 0 #FFF inset;
width: 300px;
height: 200px;
position: absolute;
right: 266px;
top: 241px;
}
Si metiera el div dentro del div de Iniciar Sesion, se deformaria, ya lo he probado, y mirad lo que pasa:
(http://i.imgur.com/DRnsMJ3.png)
<td><div id="options" onclick="muestra_oculta('header-login-balloon');">Iniciar sesión</div><div id="header-login-balloon" class="globoC" style="display: block;"><img src="pico.png" style="position:relative;top: -27px;left: 144px;"></div></td>
Como podreis observar es una tabla ;)
Un saludo.
Lo acabo de arreglar. OMG Soy down, no se porque hago un post ;-)
Como lo puedo borrar?
Está bien si conseguiste solucionarlo tú mismo. Mejor que borrar el topic es si pones como lo has arreglado, de esta manera, resultará útil para todos.
¿Qué te parece la idea? Comparte la solución con nosotros si quieres. :)
Así de paso conviertes una duda en una aportación. :3