Hi All
I have a series of images that I'm showing in a table inside a <div>
with overflow:auto on. Each of the images is a dragable. In firefox this
works as expected (if the image list is longer than the div scroll bars
appear to scroll the div and scrolling works). However in IE the images
are shown outside the containing div and the scroll bar does nothing
I think this is because the images have position=relative style applied
by prototypes makepositioned function, but am unsure how to work around
this. Below is the sample html I'm using (the img's postion relative is
there as the draggable code generates that for the element):
<style>
#scrollcontainer{
width:200px;
height:100px;
border:1px solid #666666;
overflow:auto;
}
img{
float:left;
width:60px;
}
#inner{
width:890px;
border:1px solid red;
}
</style>
<div id="scrollcontainer" >
<table border="1" width="700px" >
<tbody>
<tr>
<td >
<div id="inner">
<img
src="images/stories/clients/62/_thumbs/F11ADMIN01.GIF" style="position:
relative;">
<img
src="images/stories/clients/62/_thumbs/F11ADMIN01.GIF" style="position:
relative;">
<img
src="images/stories/clients/62/_thumbs/F11ADMIN01.GIF" style="position:
relative;">
<img
src="images/stories/clients/62/_thumbs/F11ADMIN01.GIF" style="position:
relative;">
<img
src="images/stories/clients/62/_thumbs/F11ADMIN01.GIF" style="position:
relative;">
</div>
</td>
</tr>
</tbody>
</table>
</div>
Alternatively you can see the site here:
http://www.folio11.co.uk/index.php?option=com_folio_dev&Itemid=23# (user
demo, pw demo)
Press login, then "your folio pages" - the problem occurs with the "my
folio images" and "My folio pages" sections
Does anyone know a work around for this?
Many thanks in advance!
Rob C
_______________________________________________
Rails-spinoffs mailing list
Rails-spinoffs@lists.rubyonrails.org
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
