[jQuery] Problem with jCarousel 0.2.0 in IE tables
I'm trying to use your beta 0.2.0 with jcarousel inside a table. Doing
this corrupts the table layout in IE 7. I have not tried it in other
versions of jcarousel. Below is a minimized example:
<!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" xml:lang="en-us">
<head>
<title>jCarousel Fails i IE 7.0</title>
<link href="jquery.jcarousel.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.1.1.pack.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".jCarousel").jcarousel({
visible: 1,
scroll: 1,
auto:5,
animation: "slow",
wrap: 'last'
});
});
</script>
</head>
<body>
<table border='1'>
<tr>
<td colspan="3">
<div style="text-align:center">
My table
</div>
</td>
</tr>
<tr>
<td style="width:300px">
Col 2
</td>
<td style="width:200px">
<ul class="jCarousel">
<li>Line 1</li>
<li>Line 2</li>
<li>Line 3</li>
<li>Line 4</li>
<li>Line 5</li>
</ul>
</td>
<td style="width:300px">
Col 3
</td>
</tr>
</table>
</body>
</html>