Una Barra de estado!

SPAWN3000 · #1 (**permalink**) 05/08/2008, 13:22

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!

SPAWN3000 · #2 (**permalink**) 08/08/2008, 11:56

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.

Mikmoro · #3 (**permalink**) 08/08/2008, 16:56

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.

SPAWN3000 · #4 (**permalink**) 08/08/2008, 20:59

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.

Mikmoro · #5 (**permalink**) 09/08/2008, 01:44

Cita:

Iniciado por SPAWN3000

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

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.