Unable to center text in IE but works in firefox
        Posted  
        
            by 
                greenpool
            
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by greenpool
        
        
        
        Published on 2012-12-19T05:01:18Z
        Indexed on 
            2012/12/19
            5:03 UTC
        
        
        Read the original article
        Hit count: 173
        
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>';            
?>
        © Stack Overflow or respective owner