I seem to be facing a CSS issue with the chat window not taking full height. It doesn't follow along when I scroll to the bottom of the screen. I'm stuck and unsure where to apply min-height: 100%; or if that's even the root cause of the problem. Can someone help me with this?
index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>jQuery AJAX Chat Demo - Like on Facebook or Gmail</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta charset="utf-8">
<!-- Additional HTML code -->
</body>
</html>
My CSS :
body {
margin:0px;
padding:0px;
}
* {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.chat_box {
display:inline-block;
border:1px solid #9c9c9c;
width:250px;
margin-left: 5px;
}
<!-- More CSS styles -->
#chat_area {
float:right;
}