How can I bring content from right margin?
How can I bring content from right margin?
I'm really doing a quite simple action, and it looks really nice, but there is a strange problem I don't know how to code around how the search box at the top right has slid over. Even wrapping everything in a table won't bring the whole search field into view, and it just follows as you make the browser wider.
<!-- start for datatables -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.13/js/jquery.dataTables.js"></script>
<script type="text/javascript">jQuery(document).ready( function () {
jQuery('#emrTable').DataTable( {
} );
} );
</script>
<!-- end for datatables -->
...and I call it in a stock fashion as well:
<table width="95%" id="emrTable" class="display">
<thead>
<tr>
<th>Date</th>
<th>District</th>
<th>Lodge</th>
<th>Town</th>
<th>Name</th>
<th>Phone</th>
<th>Email</th>
<th>Why Join?</th>
<th>Comments</th>
</tr>
</thead>
<tbody>
<?php foreach ($finalEmrUser as $sRow): ?>
<tr>
<td><?php echo $sRow['_field_5']; ?></td>
<td><?php echo $sRow['_field_7']; ?></td>
<td><?php echo $sRow['_field_9']; ?></td>
<td><?php echo $sRow['_field_20']; ?></td>
<td><?php echo $sRow['_field_1']; ?></td>
<td><?php echo $sRow['_field_6']; ?></td>
<td><?php echo $sRow['_field_2']; ?></td>
<td><?php echo $sRow['_field_11']; ?></td>
<td><?php echo $sRow['_field_10']; ?></td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
...so to me it appears this formatting at top is all done prior to the data...
Is there a better way to call the datatable code?
TIA!
Answers
Its almost certainly a CSS issue, so to be able to give an exact answer I'd need to be able to access the page. If you can give a link I'd be happy to take a look.
Allan