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!