2012-12-19 53 views
13

td के अंदर पाठ Summary और Experience को छोड़कर केंद्रित करने की आवश्यकता है। यह केवल फ़ायरफ़ॉक्स/क्रोम में काम करता प्रतीत होता है। IE8 में सभी td टेक्स्ट बाएं-उचित के रूप में प्रदर्शित होते हैं। कोई फर्क नहीं पड़ता कि मैं क्या कोशिश करता हूं यह केंद्र नहीं है। ऐसा कोई विशेष कारण क्यों होगा?आईई में पाठ को केन्द्रित करने में असमर्थ लेकिन फ़ायरफ़ॉक्स

सीएसएस

#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; 
} 

तालिका

<?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>';    

?> 

संपादित करें 1: मैं सिर्फ XAMPP के माध्यम से ठीक उसी कोड की कोशिश की और यह IE में यह केंद्रित है। कोई विचार क्यों यह मेरी स्थानीय मशीन पर एक्सएएमपीपी के माध्यम से काम करेगा लेकिन सर्वर के माध्यम से नहीं? (हो रही काफी अब इस से उलझन में)

संपादित करें 2: jsfiddle

+2

क्या आप PHP के बजाय वास्तविक जेनरेट किए गए HTML पोस्ट कर सकते हैं जो इसे बनाता है? अधिमानतः jsfiddle या इसी तरह की सेवा पर ताकि हम इसके बारे में अनुमान लगाने के बजाय इसे देख सकें? – Amadan

+0

@ अहमदन: हाँ मैं देख सकता हूं कि इससे कैसे मदद मिलेगी। डेटा थोड़ा संवेदनशील है इसलिए मैं कुछ नमूना डेटा जोड़ूंगा और इसे jsfiddle पर रखूंगा। यह एएसएपी करेंगे। – greenpool

+0

आपका कोड ऐसा लगता है कि इसे काम करना चाहिए। क्या आप यहां जेनरेट किए गए एचटीएमएल (कोई PHP) का टेस्टकेस पोस्ट कर सकते हैं और हमें लिंक दे सकते हैं? http://jsfiddle.net/ –

उत्तर

2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

शीर्ष पर कोड की इस पंक्ति जोड़ें, यह काम करेंगे।

+0

काम नहीं करता है। ऐसा नहीं लगता था कि यह होगा। समझाने की देखभाल क्यों आपने सोचा कि यह काम करेगा? – greenpool

+1

@ ग्रीनपूल ए 'डॉक्टरेटी' विशेष रूप से आईई के लिए बेहद महत्वपूर्ण है - यह ब्राउज़र को बताता है कि इसे आपके पृष्ठ की व्याख्या कैसे करनी चाहिए (यानी यह क्या है)। जिस तरह से आपकी टिप्पणी आपको बहुत अहंकारी लगती है और शायद आपकी मदद करने के इच्छुक लोगों की मात्रा को कम करने जा रही है। – Marty

+0

@MartyWallace: घमंडी आवाज का मतलब नहीं था। मुझे पता है कि यह क्या करता है और मेरे पास एचटीएमएल 5 डॉक्टरेट है < 'मेरे हेडर फ़ाइल में घोषित किया गया है। मुझे लगता है कि मुझे कुछ उल्लेख करना चाहिए था। – greenpool

0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

इस जोड़ें और यह शायद

+0

शायद काम करते हो? क्या आप अनुमान लगा रहे हैं? –

+0

@Ian बस कहने का एक तरीका ... –

+0

उह, मुझे खेद है। मुझे पहले एसओ हार्शेस का बुरा मामला मिला। एक पूरी तरह से उचित उत्तर शून्य टिप्पणियों के साथ बहुत नीचे चिह्नित किया गया है कि क्यों ... –

-1

इनलाइन सीएसएस आंतरिक या बाहरी सीएसएस अधिलेखित कर देता है काम करेगा। आपने कॉलम की चौड़ाई निर्धारित करने के लिए <th style="width:x"> का उपयोग किया है। स्थापित उपयोग <th width="x">

यह काम करना चाहिए।

+0

वे दोनों एक जैसे हैं चीज़। –