Tekst wewnątrz elementów td
należy wyśrodkować, z wyjątkiem Summary
i Experience
. Wydaje się, że działa tylko w Firefox/chrome. W IE8 cały tekst td
jest wyświetlany jako wyrównany do lewej. Bez względu na to, co próbuję, nie koncentruje się na tym. Jakiś konkretny powód, dlaczego tak się stało?Nie można wyśrodkować tekstu w IE, ale działa w firefox
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;
}
stół
<?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>';
?>
EDIT 1: Ja tylko starałem się dokładnie ten sam kod za pośrednictwem XAMPP i centrów IT w IE. Czy jest jakiś pomysł, dlaczego miałby działać przez XAMPP na moim lokalnym komputerze, ale nie za pośrednictwem serwera? (Uzyskiwanie całkiem zdezorientowany to teraz)
EDIT 2: jsfiddle
Czy możesz wstawić wygenerowany HTML zamiast PHP, który go tworzy? Najlepiej na jsfiddle lub podobnej usłudze, żebyśmy mogli to zobaczyć, zamiast się domyślić? – Amadan
@Amadan: Tak, widzę, jak to pomoże. Dane są trochę wrażliwe, więc dodam kilka przykładowych danych i będę je miał na jsfiddle. Zrobię to jak najszybciej. – greenpool
Twój kod wygląda na to, że powinien działać. Czy mógłbyś opublikować tutaj testową wygenerowanego kodu HTML (bez PHP) i podać nam link? http://jsfiddle.net/ –