Browser Scroll Bar Disappears... I posted the Code
<html>
<head>
<title>ActiveUI 0.1.3 - Grid widget preview</title>
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
<!-- ActiveUI stylesheet and scripts -->
<link href="runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" />
<script src="runtime/lib/grid.js"></script>
<!-- grid format -->
<style>.active-controls-grid { height: 150px;width:300;font: menu;}
.active-column-0{width:20px; text-align:center; background-color:white;}
.active-column-1{width:75px; text-align:center; background-color:white;}
.active-column-2{width:50px; text-align:center; background-color:white;}
.active-column-3{width:50px; text-align:center; background-color:white;}
.active-column-4{width:50px; text-align:center; background-color:white;}
.active-grid-column {border-right: 1px solid threedshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
</style>
<!-- grid data -->
<script>
var myData = [
["'MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"]
];
var myColumns = [
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
];
</script>
</head>
<body>
<center>
<font size="6">
Try this code on Internet Explorer 6.0...
<br><br><br>
Look at the Scrollbars on the right...
<br><br><br>
It is missing...
<br><br><br>
And so is the .... text below
</font>
<br><br><br>
<!--START OF ACTIVE WIDGET-->
<table border="1" bordercolor="#000000" WIDTH="300" HEIGHT="150">
<tr>
<td>
<script>
// create ActiveUI Grid javascript object
var obj = new Active.Controls.Grid;
// set number of rows/columns
obj.setRowCount(2);
obj.setColumnCount(5);
// provide cells and headers text
obj.setDataText(function(i, j){return myData[i][j]});
obj.setColumnText(function(i){return myColumns[i]});
// set click action handler
obj.setAction("click", function(src){window.status = src.getProperty("item/text")});
// write grid html to the page
document.write(obj);
</script>
</td>
</tr>
</table>
<!--END OF ACTIVE WIDGET-->
</center>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Missing Text
Can you see me? without the IE scrollbar?
What am I doing wrong??? please help. Thanks
</body>
</html>
<head>
<title>ActiveUI 0.1.3 - Grid widget preview</title>
<style> body, html {margin:0px; padding: 0px; overflow: hidden;} </style>
<!-- ActiveUI stylesheet and scripts -->
<link href="runtime/styles/xp/grid.css" rel="stylesheet" type="text/css" />
<script src="runtime/lib/grid.js"></script>
<!-- grid format -->
<style>.active-controls-grid { height: 150px;width:300;font: menu;}
.active-column-0{width:20px; text-align:center; background-color:white;}
.active-column-1{width:75px; text-align:center; background-color:white;}
.active-column-2{width:50px; text-align:center; background-color:white;}
.active-column-3{width:50px; text-align:center; background-color:white;}
.active-column-4{width:50px; text-align:center; background-color:white;}
.active-grid-column {border-right: 1px solid threedshadow;}
.active-grid-row {border-bottom: 1px solid threedlightshadow;}
</style>
<!-- grid data -->
<script>
var myData = [
["'MSFT","Microsoft Corporation", "314,571.156", "32,187.000", "55000"],
["ORCL", "Oracle Corporation", "62,615.266", "9,519.000", "40650"]
];
var myColumns = [
"Ticker", "Company Name", "Market Cap.", "$ Sales", "Employees"
];
</script>
</head>
<body>
<center>
<font size="6">
Try this code on Internet Explorer 6.0...
<br><br><br>
Look at the Scrollbars on the right...
<br><br><br>
It is missing...
<br><br><br>
And so is the .... text below
</font>
<br><br><br>
<!--START OF ACTIVE WIDGET-->
<table border="1" bordercolor="#000000" WIDTH="300" HEIGHT="150">
<tr>
<td>
<script>
// create ActiveUI Grid javascript object
var obj = new Active.Controls.Grid;
// set number of rows/columns
obj.setRowCount(2);
obj.setColumnCount(5);
// provide cells and headers text
obj.setDataText(function(i, j){return myData[i][j]});
obj.setColumnText(function(i){return myColumns[i]});
// set click action handler
obj.setAction("click", function(src){window.status = src.getProperty("item/text")});
// write grid html to the page
document.write(obj);
</script>
</td>
</tr>
</table>
<!--END OF ACTIVE WIDGET-->
</center>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Missing Text
Can you see me? without the IE scrollbar?
What am I doing wrong??? please help. Thanks
</body>
</html>
java-man
June 10,