Foros del Web » Creando para Internet » CSS »

Una Barra de estado!

Estas en el tema de Una Barra de estado! en el foro de CSS en Foros del Web. Como lo dice el titulo, estoy intentando crear un barra de estado, ya la he creado... pero casualmente !presenta problemas con IE! (El eterno dilema ...
  #1 (permalink)  
Antiguo 05/08/2008, 14:22
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
De acuerdo Una Barra de estado!

Como lo dice el titulo, estoy intentando crear un barra de estado, ya la he creado...
pero casualmente !presenta problemas con IE! (El eterno dilema no).

Funciona bien con Firefox, safari y Opera:

Les dejo el codigo, por si me pueden ayudar... o si tambien le puede servir a alguien:

index.htm
-------------------------------------------------------
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
		<title>::EJEMPLO::</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<link rel="stylesheet" type="text/css" href="CSS/style.css">
		</head>
	<body class="chat_body">
	<div id="CentradaLL">
	<div id="contenedorD">Hola..</div>
	</div>
	
	<div id="presence" class="full">Barra</div>
</body>
</html> 
Style.css
-------------------------------------------------------
Código:
* {
		margin: 0; #margin: 0; _margin: 0;
		padding: 0; #padding: 0; _padding: 0;
}


body > #presence{z-index:99;position:fixed;bottom:0px;right:0px;}
body.chat_body{padding-bottom:40px;}
#presence{color:#111111;font-size:11px;height:25px;padding:0;margin-right:15px;}
#presence.full{margin-right:0;width:100%; background:#ccc;}
.full #presence_bar{float:right;}

div#CentradaLL {
position:absolute;
top:6%; 
left:10%; 
width:80%; #width:80%; _width:80%;
background:#666666;
padding:0;
margin:0;
min-width:650px;
z-index:1;
min-height:700px; _min-height:700px; #min-height:700px;
}
div#contenedorD {
background:#fff; border:1px solid;
}
div#statusb { top:100%; width:100%; height:22px; left:0px;
background:#D7D4C5; position:absolute; z-index:100; margin-top:-22px;
padding:0;
float:right;
}
Bueno, es todo... desde ya, muchas gracias ha quien me pueda colaborar.

Un saludo desde Colombia!
  #2 (permalink)  
Antiguo 08/08/2008, 12:56
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
Respuesta: Una Barra de estado!

Por que tantas visitas y ni una sola respuesta!

La cuestion es que mi barra solo funciona en FF y nada en IE...
No entiendo si lo que simpre pregunto es muy dificil, pero casi nunca nadie responde la mayoria de mis post apaceren en 0 respuestas.
  #3 (permalink)  
Antiguo 08/08/2008, 17:56
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Una Barra de estado!

Sencillamente es que fixed no funciona en IE6.

Hay un truco para hacerlo. Prueba esto:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
* {margin: 0; padding: 0;}
html, body {height: 100%;overflow: hidden;}
#presence{z-index:99;position:absolute;bottom:0px;right:0px;}

#envoltorio {overflow: auto;height: 96%;}

#presence{color:#111111;font-size:11px;height:25px;padding:0;margin-right:15px;}
#presence.full{margin-right:0;width:100%; background:#ccc;}
.full #presence_bar{float:right;}

div#CentradaLL {
margin: 6% auto 0 auto;
width:80%;
background:#666666;
padding:0;
min-width:650px;
min-height:700px;
height:auto!important;
height:700px;
}
div#contenedorD {
background:#fff; border:1px solid;
}
div#statusb { top:100%; width:100%; height:22px; left:0px;
background:#D7D4C5; position:absolute; z-index:100; margin-top:-22px;
padding:0;
float:right;
}
</style>
</head>
<body class="chat_body">
<div id="envoltorio">
<div id="CentradaLL">
<div id="contenedorD">Hola..</div>
</div>
</div>

<div id="presence" class="full">Barra</div>
</body>
</html>
Está bien que revivas un mensaje al que nadie ha respondido por si a alguno (como a mi) se le ha colado, pero paciendia, amigo; quizá nadie sabe la respuesta o no te hemos entendido, porque sinceramente, llamar a lo que has hecho "barra de estado", si no copio tu código y lo miro ni me entero de lo que quieres decir. Jamás me hubiera imaginado que a ese pie le llamaras de esa manera.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 08/08/2008, 21:59
Avatar de SPAWN3000  
Fecha de Ingreso: marzo-2008
Ubicación: Bogota
Mensajes: 858
Antigüedad: 9 años, 9 meses
Puntos: 15
De acuerdo Respuesta: Una Barra de estado!

Si vale, vale... pido disculpas.

Pero todas las noches he estado revisando este post y otros a ver si al fin y nada, y ya tienen su rato de ser publicados. Incluso he intentado publicarlos mas de una vez con distintas formas y nada...

La verdad es que gracias, y mil gracias... Pense que ya nadie por responder despues de tantas visitas.

Y bueno el dato, no tenia conocimiento de que fixed no trabajaba con IE.

Por cierto ya me he topado contigo en las FAQ's y deseo pedir tu aprobacion para reutilizar los codigos en un proyecto PHP... y anexar tu nombre en los creditos.
  #5 (permalink)  
Antiguo 09/08/2008, 02:44
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Una Barra de estado!

Cita:
Iniciado por SPAWN3000 Ver Mensaje
Si vale, vale... pido disculpas.

Pero todas las noches he estado revisando este post y otros a ver si al fin y nada, y ya tienen su rato de ser publicados. Incluso he intentado publicarlos mas de una vez con distintas formas y nada...
No te preocupes, es lógico; cuando uno tiene una necesidad y no consigue respuesta desespera un poco.

Cita:
Iniciado por SPAWN3000 Ver Mensaje
Por cierto ya me he topado contigo en las FAQ's y deseo pedir tu aprobacion para reutilizar los codigos en un proyecto PHP... y anexar tu nombre en los creditos.
Ningún problema; todo el código que hago y publico en el foro es de dominio público. Sé que debería usar algún tipo de licencia, pero me da pereza, por lo tanto todo puede ser usado sin siquiera citar al autor. Si algo te gusta o te viene bien puedes usarlo sin ningún tipo de restricción.

Saludos.
__________________
Visita mi nueva web idplus.org
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 17:45.