-
-
Notifications
You must be signed in to change notification settings - Fork 148
Description
I have a simple test list:
<ul class="wide">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse urna urna, interdum non adipiscing eu, consectetur a augue.</li>
<li>Morbi vehicula nunc in quam placerat at ornare orci suscipit. Sed mauris eros, viverra non sodales quis, fermentum non purus.</li>
<li>Nullam pulvinar fermentum laoreet. Nullam lobortis velit nec mauris eleifend faucibus.</li>
<li>Maecenas aliquam velit vel lorem porttitor a rhoncus dolor vulputate. </li>
<li>Suspendisse potenti.</li>
<li>Curabitur at turpis sed nunc auctor feugiat sed nec mauris.</li>
<li>Sed ut nunc erat, non tincidunt nisi.</li>
<li>Pellentesque placerat magna non lectus porta suscipit.</li>
</ul>
</div>
The script is simple.
<script type="text/javascript">
$(function() {
$('.wide').columnize({width:290});
});
</script>
But what I get is:
<ul class="wide"><div style="width: 33%; float: left;" class="first column">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse urna urna, interdum non adipiscing eu, consectetur a augue.</li>
</div><div style="width: 33%; float: left;" class="column"></div><div style="width: 33%; float: left;" class="last column"></div></ul>
Any thoughts? I'm using jquery 1.4.2 (no choice)