2014-03-18 4 views
1

IE에서 CSS가있는 IE에서 문제가 발생하면 Chrome에서 완벽하게 작동합니다. IE 및 Chrome에서 아무 래핑없이 렌더링 할 수 있도록 도와 줄 수 있습니까?CSS white-space : nowrap이 IE에서 작동하지 않습니다.

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

Internet Explorer에서
<?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>';}?> 
+0

참조 : http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/whitespace_1.htm –

+0

IE 버전? 거기에 유효한 doctype가 사용됩니까? ... –

+0

IE10 solar411

답변

0

우리는 텍스트, 공백의 사용 설명서를 NOWRAP하기 위해 공백 속성을 사용해야합니다 아래에 링크되어 있습니다. 행운을 빌어 요, 정확성을 유지하기 위해 최신 버전의 IE를 사용하는 것을 잊지 마십시오.

링크 : http://msdn.microsoft.com/en-us/library/ie/ms531182(v=vs.85).aspx

+0

고마워, 그 #content 스타일에서 사용하려고하지만 IE10에서 작동하지 않는거야. – solar411