Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 27-jul-2006, 23:55   #1 (permalink)
clustering está en el buen camino
 
Avatar de clustering
 
Fecha de Ingreso: octubre-2003
Ubicación: Cochabamba
Mensajes: 69
Enviar un mensaje por MSN a clustering
Div's flotantes fijos en internet explorer estilo el chat de gmail

Hola chicos como estan.. mira tengo el problema de que quiero generar div's flotantes como los que tiene el chat de gmail.. en firefox coloco el atributo fixed y todo funciona bien pero en internet explorer no puedo colocarlo fijo en un lugar.. y eso me esta volviendo loco.. estuve probando con el siguiente codigo

<!--[if lte IE 6]>
<style type="text/css">
html, body
{
height: 100%;
overflow: auto;
}
div.fixed {
position: absolute;
}
</style>
<![endif]-->

cuando el div se carga junto con la pagina funciona perfectamente pero cuando es generado a partir de una funcion javascript esta opcion ya no me funciona.. no se porque.. ya que yo necesito generar dinamicamente esas ventanitas flotantes.. (muy parecido al chat gmail) Por favor que alguien me ayude alguien que resolvio este problema.. Muchas gracias de antemano..
__________________
Nunca escupas arriba, ni orines contra el viento... :adios:
clustering está desconectado   Responder Citando
Antiguo 28-jul-2006, 02:16   #2 (permalink)
RastonE ha deshabilitado el karma
 
Avatar de RastonE
 
Fecha de Ingreso: diciembre-2005
Ubicación: [ARG] [localhost]
Mensajes: 67
Enviar un mensaje por MSN a RastonE
tengo un problema parecido hago un div con el atributo fixed en firefox perfecto, en ie como no lo acepta no, no encuentro solución a este problema, todavia no encuentro un hack que me ande!! :S

si encuentro algo te aviso
suerte!
__________________
Solo se que no se nada
RastonE está desconectado   Responder Citando
Antiguo 28-jul-2006, 08:34   #3 (permalink)
SiR.CARAJ0DIDA está en el buen camino
 
Avatar de SiR.CARAJ0DIDA
 
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.168
Enviar un mensaje por MSN a SiR.CARAJ0DIDA
no hay hack para eso, hay que usar javascript para correr el div junto con el scroll
__________________
Internet Explorer SuckS
Download FireFox
SiR.CARAJ0DIDA está desconectado   Responder Citando
Antiguo 28-jul-2006, 12:08   #4 (permalink)
GreenLink está en el buen camino
 
Fecha de Ingreso: febrero-2005
Ubicación: Tamaulipas - México
Mensajes: 310
Enviar un mensaje por MSN a GreenLink
http://www.zerker.net/themes/zgreen/estilo.css

http://www.zerker.net vean el banner que puse ahi flotante en firefox cuando dan scrooll se mueve en IE no se pudo xD
GreenLink está desconectado   Responder Citando
Antiguo 01-ago-2006, 17:17   #5 (permalink)
stock tiene algunos puntos positivos de karma
 
Avatar de stock
 
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 1.995
claro que si hay hack!! el siguiente ejemplo es de una web que hice con 2 franjas flotantes arriba y abajo.

layouts.css
Código:
#superior{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #666666;
	height:50px;
	width:100%;
}

#inferior {
  position: absolute; 
  left: 0px; 
  bottom:0px;
  height:50px;
  width:100%;
  background:#666;
}

body > div#inferior {
  /* usado por Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

body > div#superior {
  /* usado por Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}
ahora en la page:

Código:
<link href="common/css/layouts.css" rel="Stylesheet" type="text/css" />

<!--[if gte IE 5.5]><![if lt IE 7]>
<style type="text/css">
div#superior {
left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
div#inferior {
right: auto; bottom: auto;
left:0px;
top: expression( ( 0 - inferior.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]><![endif]-->
y listo funcioanndo en IE

have funnnnn
__________________
Don't hate the languaje, hate the runtime environment
Crysfel's Blog :: Blog de programación, JAVA,PHP, AJAX, JavaScript, CSS y otras hierbas
stock está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 04:52.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93