can I display one grid near an image?

Can I display on left a grid of items of 500 px and on right a image of 300 px?
The data is load dynamic and this is the code to create the grid

<script>

var obj = new Active.Controls.Grid;

obj.setRowProperty("count", 86);
obj.setColumnProperty("count", 15);

obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setColumnProperty("text", function(i){return myColumns[i]});

obj.setRowHeaderWidth("28px");
obj.setColumnHeaderHeight("20px");

document.write(obj);
</script>

The first column of the grid is an html link. When I click the link in one row I must load the image
correspondent. The image in load in f3 iframe, include in this code

<div id="listaUtil">
<div class="img-bar"><span class="print">Immagine</span></div>
<div><iframe name="f3" id="f3" frameborder="0" scrolling="auto"></iframe></div>
</div>

The result is the grid in the top of the page and the image in the bottom, is possible
locate the grid on left and another div element on right?
Thanks a lot.
Mickey

Yes, place the grid in a div and set the div's position to absolute and set the images postion to absolute then you can place both anywhere on the page you want. remember to create the div first, that means both the <DIV id=something> and the </DIV> tag then do this:

<DIV iD=something>
</DIV>
<script>
document.getElementById("something").innerHTML = yourGrid;
</script>

thanks a lot, now this problem is fixed.
I have another question:
when I select one row and I use arrow up button or arrow down button to select another row can I load the specific image that rappresent
the item select? Actualy I have defined one link for any row and
when I click this link I display the item's image.
Regards