Bueno, no ley mucho... pero mira si esto te sirve de algo
.................................................. .......................................
Código:
<!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: 7% auto 0 auto;
min-width:680px;
width:80%;
min-height:700px;
height:auto!important;
height:700px;
background:#666666;
padding:0;
}
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>