CSS пробел: теперь в IE не работает

Question

Возникла проблема в IE с CSS теперь в IE, отлично работает в Chrome. Может кто-нибудь помочь, так что он рендерится без каких-либо переносов в IE и Chrome?

HTML

<div id="sub_cont"></div>

CSS

#content{
height:14px;
text-align: left;
text-decoration: none;
width: 450px;
padding-top:25px;
white-space: nowrap;
}

#content #sub_cont{
width: 450px;
display:none;
height:14px;
}

#content .no-rec{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:5px;
border-bottom:solid #000;
text-align:left;
background:#EBEBEB;
}

#content .each_rec {
background: none repeat scroll 0 0 #EBEBEB;
border-bottom: medium solid #000000;
color: #000;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
padding: 5px;
height:12px; 
}

PHP

<?php
echo "<h2>Search Result</h2>";
echo "<table border='0'  id='content' cellspacing='2' cellpadding='5'>
<tr bgcolor='#FFFFCC'>
<th>VM Name</th>
<th>vCenter Name</th>
</tr>";

while ($row = sqlsrv_fetch_array($result))

{
echo "<tr class='each_rec'>";
echo "<td>" . $row['VM_NAME'] . "</td>";
echo "<td>" . $row['VCENTER_NAME'] . "</td>";
echo "</tr>";
}
echo "</table>";

if($total==0){ echo '<div class="no-rec">No Record Found !</div>';}?>

Answer 1

В Internet Explorer мы должны использовать свойство whiteSpace, чтобы обернуть текст, документация по использованию whiteSpace приведена ниже. Удачи, и не забудьте использовать самую последнюю версию IE, чтобы сохранить точность.

Ссылка: http://msdn.microsoft.com/en-us/library/ie/ms531182(v=vs.85).aspx

Answer 2

Ссылочный URL

/questions/17681733/probel-nowrap-ne-rabotaet-v-ie-v-gorizontalnoj-prokrutke/17681742#17681742

http://css-tricks.com/almanac/properties/w/whitespace/

Попробуйте это для ie пробел: нормальный;