Foros del Web » Creando para Internet » CSS »

Div flotante en misma posición en todas las resoluciones de pantalla

Estas en el tema de Div flotante en misma posición en todas las resoluciones de pantalla en el foro de CSS en Foros del Web. Hola! amigos de Forosdelweb, Estoy diseñando una web y tengo un problema, hice un div flotante que contiene un chat y le puse la opción ...
  #1 (permalink)  
Antiguo 01/10/2011, 15:42
 
Fecha de Ingreso: octubre-2010
Mensajes: 13
Antigüedad: 13 años, 5 meses
Puntos: 0
Exclamación Div flotante en misma posición en todas las resoluciones de pantalla

Hola! amigos de Forosdelweb,

Estoy diseñando una web y tengo un problema, hice un div flotante que contiene un chat y le puse la opción cerrar, pero el problema es que en mi PC se ve todo bien, pero cuando entran mis amigos (pc con otra resolución) el div se mueve a otro lugar y en ocasiones tapa en contenido.

Les dejo el código que estoy usando:

CÓDIGO:

----------------------
<center>
<div style="width:255px; height:100%; overflow:auto;display:scroll;position:fixed;top: 1.5%; right:-3.7%; border:none; overflow:hidden;">
<div id="mostrarDiv">
<a href="javascript:mostrardiv();"><img src="http://u.jimdo.com/www38/o/s782b7d129e5a0d80/img/i8c7b1164ec3c4a50/1317248130/std/image.png" alt="" /></a>
</div>

<div id="flotante" style="display:">
<embed wmode="transparent" src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="94%" height="570px" name="chat" flashvars="id=156787186&amp;rl=Spanish" align="middle"
allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br />
<a href="javascript:cerrar();"><img src="http://u.jimdo.com/www38/o/s782b7d129e5a0d80/img/idc1759b4be6fa2a5/1317248398/std/image.png" alt="" /></a>
</div>
</div>
</center>
---------------------------------

Gracias!!!!
  #2 (permalink)  
Antiguo 01/10/2011, 17:25
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 13 años, 6 meses
Puntos: 63
Respuesta: Div flotante en misma posición en todas las resoluciones de pantalla

Pero para ello deberás saber donde lo quieres posicionar. Y bueno tratandose de un chat siempre es mejor posicionarlo en la parte inferior del navegador con un position: fixed; bottom: 0.

Saludos
  #3 (permalink)  
Antiguo 02/10/2011, 06:30
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: Div flotante en misma posición en todas las resoluciones de pantalla

Y cual es el css del div id="flotante"?
Inline solo tienes "display=", que está incompleto, ¿display qué, block? inline?, etc.

En el primer div repites el overflow, con lo cual el que se aplica es el último.

La etiqueta <center> es obsoleta.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 03/10/2011, 14:17
 
Fecha de Ingreso: octubre-2010
Mensajes: 13
Antigüedad: 13 años, 5 meses
Puntos: 0
Exclamación Respuesta: Div flotante en misma posición en todas las resoluciones de pantalla

Cita:
Iniciado por C2am Ver Mensaje
Y cual es el css del div id="flotante"?
Inline solo tienes "display=", que está incompleto, ¿display qué, block? inline?, etc.

En el primer div repites el overflow, con lo cual el que se aplica es el último.

La etiqueta <center> es obsoleta.

Saludos
Gracias por responder. Disculpa pero el div id="flotante" esta por gusto, no trabaja con CSS.

El ejemplo de como quiero que esté ubicado el chat les dejo aqui:

*http://u.jimdo.com/www38/o/s782b7d129e5a0d80/img/i6cbaa9287defef7a/1317672589/std/image.jpg

quiero que el chat se muestre flotante y solo se muestre una parte del chat y el resto esté escondido como se muestra en la imágen.

Si el código esta mal agradecería bastante que me mostraran como sería el código.

Gracias y éxitos!!!

Etiquetas: diseño, html, woo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:57.