Div siempre visible al estilo de Gmail

gvargas · #1 (**permalink**) 20/12/2006, 10:01

Hola,

Tengo una pequeña duda: Cuando Haces alguna acción con Gmal -digamos borrar un mail- en la parte superior derecha aparece un recuadro rojo indicando la acción.

Ahora si me desplazo hacia abajo con el scroll y vuelvo a ejecutar una acción vuelve a aparecer el DIV siempre en la parte superior de la ventana que no del contenido.

Tengo el siguiente Style

Código PHP:

  .msgStatus 
{ 
      position: absolute; 
    top: 0px; 
    right:1px; 
    border: 1px solid  #FEEB9D; 
    background-color: #FEEB9D; 
    color: #333333; 
    font:Verdana, Arial, Helvetica, sans-serif; 
    font-size:16px; 
    width: 15%; 
    height: 20px; 
    display:none; 
}

Logro un aspecto parecido, pero si hago scroll pierdo de vista el DIV.

Alguién sabe como lograrlo??

Un saluod

PatomaS · #2 (**permalink**) 20/12/2006, 10:05

Hola

Para que algo se quede siempre donde está, la forma semánticamente correcta, es usar position: fixed;

Sin embargo, explorer se hace un lío con eso y muchas veces deberás usar javascript para lograr el mismo efecto.

Felicidad

gvargas · #3 (**permalink**) 20/12/2006, 10:08

Funciona !!!!

Gracias por contestar.

Probé con IE 7 y funciona bien, también con Firefox 2.0

Saludos

MikiBroki · #4 (**permalink**) 02/02/2007, 07:33

Te importaría postear cómo lo solucionaste ? gracias

lydiamunoz · #5 (**permalink**) 07/02/2007, 15:45

y no hay ninguna forma de hacerlo para que funcione en IE6 sin tener que utilizar javascript? por favor si alguien sabe algo que me lo diga pq estoy desesperada.

Mikmoro · #6 (**permalink**) 07/02/2007, 16:01

Hace tiempo que aquí encontré una posible solución, pero no la he probado nunca bien:

http://www.svendtofte.com/code/max_width_in_ie/

en el apartado donde dice:

"You can see the file here position_fixed_ie.html and also how it's normally done,..."

A ver si te sirve de algo.

Mikel.

rodrigogandalf · #7 (**permalink**) 07/02/2007, 16:35

si funcion!!! gracias!!