Can somebody point out where I'm going wrong with the following code.
Text inside td elements need
to be centered except for Summary and Experience. This only appears
to work in Firefox/chrome. In IE8 all td
text are displayed as left-justified. No matter what I try it doesn't center it. Any particular reason why this would happen? Thanks.
css
#viewAll
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
margin-left:10px;
table-layout: fixed;
}
#viewAll td, #viewAll th
{
font-size:1.1em;
border:1px solid #98bf21;
word-wrap:break-word;
text-align:center;
overflow:hidden;
}
#viewAll tbody td{
padding:2px;
}
#viewAll th
{
font-size:1.1em;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
table
<?php
echo '<table id="viewAll" class="tablesorter">';
echo '<thead>';
echo '<tr align="center">';
echo '<th style="width:70px;">Product</th>';
echo '<th style="width:105px;">Prob</th>';
echo '<th style="width:105px;">I</th>';
echo '<th style="width:60px;">Status</th>';
echo '<th style="width:120px;">Experience</th>';
echo '<th style="width:200px;">Technical Summary</th>';
echo '<th style="width:80px;">Record Created</th>';
echo '<th style="width:80px;">Record Updated</th>';
echo '<th style="width:50px;">Open</th>';
echo '</tr>';
echo '</thead>';
echo '<tbody>';
while ($data=mysqli_fetch_array($result)){
#limiting the summary
text displayed in the table
$limited_summary = (strlen($data['summary']) > 300) ? substr(($data['summary']),0,300) . '...' : $data['summary'];
$limited_exp = (strlen($data['exp']) > 300) ? substr(($data['exp']),0,300) . '...' : $data['exp'];
echo '<tr align="center">
<td style="width:70px; text-align:center;">'.$data['product'].'</td>';
//if value is '-' do not display as link
if ($data['prob'] != '-'){
echo '<td style="width:105px;">'.$data['prob'].'</a></td>';
}
else{
echo '<td style="width:105px; ">'.$data['prob'].'</td>';
}
if ($data['i'] != '-'){
echo '<td style="width:105px; ">'.$data['i'].'</a></td>';
}
else{
echo '<td style="width:105px; ">'.$data['i'].'</td>';
}
echo'<td style="width:40px; " >'.$data['status'].'</td>
<td style="width:120px; text-align:left;">'.$limited_cust_exp.'</td>
<td style="width:200px; text-align:left;">'.$limited_summary.'</td>
<td style="width:80px; ">'.$data['created'].'</td>
<td style="width:80px; ">'.$data['updated'].'</td>';
if (isset($_SESSION['username'])){
echo '<td style="width:50px; "> <form action="displayRecord.php" method="get">'.'
<input type="hidden" name="id" value="'. $data['id'].'" style="text-decoration: none" /><input type="submit" value="Open" /></form></td>';
}else{
echo '<td style="width:50px; "> <form action="displayRecord.php" method="get">'.'
<input type="hidden" name="id" value="'. $data['id'].'" style="text-decoration: none" /><input type="submit" value="View" /></form></td>';
}
echo '</tr>';
}#end of while
echo '</tbody>';
echo '</table>';
?>
