Can someone help me, the framecontentleft div doesnt show up at all in IE
stylesheet
[CODE]/* CSS Document */
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#framecontentTop{
left: 0; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 80px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to “scroll” to enable*/
background-image:url(../images/bar.jpg);
background-repeat:repeat-x;
font-size:36px;
}
#framecontentLeft{
position: absolute;
top: 80px;
left: 0;
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to “scroll” to enable*/
background-color: #999999;
color: white;
}
#content{
position: fixed;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
top: 80px; /*Set top value to HeightOfTopFrameDiv*/
right: 0;
bottom: 0;
overflow: auto;
background-color:#666666;
}
.innertube{
margin: 3px; /*Margins for inner DIV inside each DIV (to provide padding)*/
color:white;
}
.main_content{
margin: 3px; /*Margins for inner DIV inside each DIV (to provide padding)*/
color:black;
}
.titleframe{
margin: 3px; /*Margins for inner DIV inside each DIV (to provide padding)*/
color:white;
font-size:36px;
}
* html #content{ /*IE6 hack*/
padding: 0px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
height: 100%;
width: 100%;
}
* html #framecontentTop{ /*IE6 hack*/
width: 100%;
}
page html
[CODE]
<!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” xml:lang=”en” lang=”en”><head><!–Force IE6 into quirks mode with this comment tag–>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″><title>SITE NAME</title>
<link rel=”stylesheet” type=”text/css” href=”SITE%20NAME_files/styles.css”>
<script type=”text/javascript” src=”SITE%20NAME_files/ajax.js”>
</script></head><body>
<div id=”framecontentTop”>
<div class=”innertube”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ width=”100%”>
<tbody><tr>
<td width=”4%”><img src=”SITE%20NAME_files/Logo.gif”></td>
<td width=”96%”><span class=”titleframe”>NFL Confidence pool</span></td>
</tr>
</tbody></table>
</div>
</div>
<div id=”framecontentLeft”>
<div class=”innertube”> <a href=’javascript:requestContent(“app/1index.html”);’>test</a></div>
</div>
<div id=”content”><div class=”main_content”>
Ajax worked!
</div>
</div>
</body></html>