Bug of AW Controls Position with IE
Hi,
I have a bug displaying the following page with IE (not with firefox or safari), AW Controls don't follow content div scrolling . The only way to make it works is to remove the line
indicating the doctype or the line indicating aw control style (xp/aw.css)
Could you help me please, Fatma
Webform1.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" >
<head><title>
Untitled Page
</title><link rel="stylesheet" type="text/css" href="WebForm1.css" /><link href="./runtime/styles/xp/aw.css" rel="stylesheet" />
<script src="./runtime/lib/aw.js" type="text/javascript"></script>
</head>
<body >
<form name="form1" method="post" action="WebForm1.aspx" id="form1" class="formulaire">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTIwOTU4NTkxMDhkZNb+CcwrLTNbgwTpf6HnquqG0ygZ" />
</div>
<div id="header">
The header
</div>
<div id="content">
<div style="height:100%;overflow:auto;">
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<script type="text/javascript">
document.write("toto");
var test = new AW.UI.Input;
document.write(test);
</script>
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
</div>
</div>
<div id="footer">
The footer
</div>
</form>
</body>
</html>
webform1.css
html, body
{
height: 100%;
width: 100%;
background-color:#5C7989;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.formulaire
{
height: 100%;
width: 100%;
}
#header
{
height:12%;
width:100%;
}
#content
{
background-color:White;
height:80%;
margin-top:10px;
}
#footer
{
left:0;
height:5%;
background-color:#5C7989;
width:100%;
margin:0;
}
I have a bug displaying the following page with IE (not with firefox or safari), AW Controls don't follow content div scrolling . The only way to make it works is to remove the line
indicating the doctype or the line indicating aw control style (xp/aw.css)
Could you help me please, Fatma
Webform1.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" >
<head><title>
Untitled Page
</title><link rel="stylesheet" type="text/css" href="WebForm1.css" /><link href="./runtime/styles/xp/aw.css" rel="stylesheet" />
<script src="./runtime/lib/aw.js" type="text/javascript"></script>
</head>
<body >
<form name="form1" method="post" action="WebForm1.aspx" id="form1" class="formulaire">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTIwOTU4NTkxMDhkZNb+CcwrLTNbgwTpf6HnquqG0ygZ" />
</div>
<div id="header">
The header
</div>
<div id="content">
<div style="height:100%;overflow:auto;">
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<script type="text/javascript">
document.write("toto");
var test = new AW.UI.Input;
document.write(test);
</script>
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
</div>
</div>
<div id="footer">
The footer
</div>
</form>
</body>
</html>
webform1.css
html, body
{
height: 100%;
width: 100%;
background-color:#5C7989;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.formulaire
{
height: 100%;
width: 100%;
}
#header
{
height:12%;
width:100%;
}
#content
{
background-color:White;
height:80%;
margin-top:10px;
}
#footer
{
left:0;
height:5%;
background-color:#5C7989;
width:100%;
margin:0;
}
Ibata
November 24,