elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Recopilación Tutoriales y Manuales Hacking, Seguridad, Privacidad, Hardware, etc


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Problema con CSS con posicion absoluta y right "Necesito un right fijo"
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Problema con CSS con posicion absoluta y right "Necesito un right fijo"  (Leído 2,348 veces)
z3nth10n


Desconectado Desconectado

Mensajes: 1.583


"Jack of all trades, master of none." - Zenthion


Ver Perfil WWW
Problema con CSS con posicion absoluta y right "Necesito un right fijo"
« en: 8 Marzo 2013, 18:05 pm »

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
  1. .globoC {
  2. position: relative;
  3. padding: 20px;
  4. border-width: 1px;
  5. border-style: solid;
  6. border-color: #949494 #8f8f8f #7b7b7b;
  7. text-shadow: 0 1px 0 #FFF;
  8. background: #f2f2f2;
  9. background: -webkit-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
  10. background: -moz-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
  11. background: -ms-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
  12. background: -o-linear-gradient(top,#f2f2f2 0,#eaeaea 100%);
  13. background: linear-gradient(to bottom,#f2f2f2 0,#eaeaea 100%);
  14. color: #000;
  15. z-index: 20;
  16. border-radius: 5px;
  17. -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.4),1px 1px 0 #FFF inset,-1px -1px 0 #FFF inset;
  18. -moz-box-shadow: 0 4px 10px rgba(0,0,0,0.4),1px 1px 0 #FFF inset,-1px -1px 0 #FFF inset;
  19. box-shadow: 0 4px 10px rgba(0,0,0,0.4),1px 1px 0 #FFF inset,-1px -1px 0 #FFF inset;
  20. width: 300px;
  21. height: 200px;
  22. position: absolute;
  23. right: 266px;
  24. top: 241px;
  25. }
  26.  

Si metiera el div dentro del div de Iniciar Sesion, se deformaria, ya lo he probado, y mirad lo que pasa:



Código:
<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.


« Última modificación: 8 Marzo 2013, 18:11 pm por Seazoux » En línea


Interesados hablad por Discord.
z3nth10n


Desconectado Desconectado

Mensajes: 1.583


"Jack of all trades, master of none." - Zenthion


Ver Perfil WWW
Re: Problema con CSS con posicion absoluta y right "Necesito un right fijo"
« Respuesta #1 en: 8 Marzo 2013, 18:17 pm »

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


En línea


Interesados hablad por Discord.
Saberuneko


Desconectado Desconectado

Mensajes: 2.194



Ver Perfil WWW
Re: Problema con CSS con posicion absoluta y right "Necesito un right fijo"
« Respuesta #2 en: 13 Marzo 2013, 16:44 pm »

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
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines