Horizontal Scrollbar (I know...)

i know i have searched for this and found a lot of questions regarsding it but nothing seems to help.... i have a header that i really want above the grid, (i have it in a table so it will rezie and look good no mater resolution) <<--- (stupid i know) but everytime i open the page the grid is cut off on the right and when i shrick the page horizontaly it wont let me scroll ans see the rest of the grid all ym code is below

<html>

<head>

    <title>Simple Freedom | Outages</title>



    <!-- ActiveWidgets stylesheet and scripts -->

    <link href="styles/xp/grid.css" rel="stylesheet" type="text/css" ></link>

    <script src="lib/grid.js"></script>



    <!-- grid format -->

    <style>

        .active-controls-grid {height: 100%; font: menu;}



        .active-column-0 {width:  80px;}

        .active-column-1 {width:  80px;}

        .active-column-2 {width:  80px;}

        .active-column-3 {width:  80px;}

        .active-column-4 {width:  80px;}

        .active-column-5 {width:  300px;}

        .active-column-6 {width:  200px;}



        .active-grid-column {border-right: 1px solid threedshadow;}

        .active-grid-row {border-bottom: 1px solid threedlightshadow;}

        

        .active-row-highlight {filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFB012', startColorstr='#FFCF54', gradientType='0');}

    	.active-row-highlight .active-row-cell {filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFB012', startColorstr='#FFCF54', gradientType='0');}

        

    </style>

</head>

<body>

<table border="0" cellspacing="0" cellpadding="0">

  <tr> 

    <td width="52%" height="83" valign="top" background="images/bannerback.png"><img src="images/banner.png" width="500" height="100"></td>

    <td width="36%" valign="top" background="images/bannerback.png">&nbsp;</td>

    <td width="12%" valign="top" background="images/bannerback.png"><img src="images/alltel.png" width="127" height="100"></td>

  </tr>

</table>

    <script>

    //	create ActiveWidgets data model - text-based table

    var table = new Active.Text.Table;

    

    //	provide data URL - plain text tabs-separated file

    table.setURL("outages.txt");



    //	start asyncronous data retrieval

    table.request();



    //	define column labels

    var columns = ["Title", "Posted", "Reported", "Ticket", "Date", "Description", "Update", "Action"];



    //	create ActiveWidgets Grid javascript object

    var obj = new Active.Controls.Grid;

    //	provide column labels



    obj.setColumnProperty("texts", columns);

     

    //	provide external model as a grid data source

    // alternate row

     var alternate = function(){

        return this.getRowProperty("order") % 2 ? "#E6E6E6" : "#ffffff";

    }



    obj.setDataModel(table);

    var row = new Active.Templates.Row;

    row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight')");

    row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");

    row.setStyle("background", alternate);

    obj.setTemplate("row", row);

    //	write grid html to the page

    



row.setEvent("onmouseover", "mouseover(this, 'active-row-highlight')");

row.setEvent("onmouseout", "mouseout(this, 'active-row-highlight')");



    

    document.write(obj);









    </script>



</body>

</html>

Forum search