Problema con CSS con posicion absoluta y right "Necesito un right fijo"

Iniciado por z3nth10n, 8 Marzo 2013, 18:05 PM

0 Miembros y 1 Visitante están viendo este tema.

z3nth10n

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



Cuando cambio la resolucion:



Y para que no se de cuenta:



Código (css) [Seleccionar]

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



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

Interesados hablad por Discord.

z3nth10n

Lo acabo de arreglar. OMG Soy down, no se porque hago un post  ;-)
Como lo puedo borrar?

Interesados hablad por Discord.

Saberuneko

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