동적 선택 상자가 IE7에서 정확히 센터링되지 않음

Question

동적으로 선택 상자가 Ajax 호출로 채워져 있습니다. 사용자는 텍스트 상자에 우편 번호를 입력 한 다음 선택 상자가 우편 번호의 도시로 채워집니다. 내 문제는 선택 상자가 빈 밖으로 시작하지만 올바르게 가운데에있다. 일단 Ajax 응답에서 동적으로 채워지면 IE는 선택 상자를 오른쪽으로 확장하고 새로운 너비에 따라 다시 정렬하지 않습니다. Firefox와 Chrome은 정상적으로 작동합니다. IE7을 사용하여 테스트하고 있습니다. 코드는 다음과 같습니다.

<table width="400" cellspacing="0" cellpadding="2" border="0"> 
<tr> 
    <td align="center" colspan="2" class="greyheader">Location 
    Information</td> 
</tr> 
<tr> 
    <td colspan="2" align="center" class="grey"><span class="pagetitle1">&gt;&nbsp;</span>Please 
    use only United States, Puerto Rico or Canada zip codes</td> 
</tr> 
<tr bgcolor="#E1E1E1"> 
    <td width="200" align="center"><b><u>Origin Zip Code</u></b></td> 
    <td width="200" align="center"><b><u>Destination Zip Code</u></b></td> 
</tr> 
<tr bgcolor="#E1E1E1"> 
    <td width="200" align="center"> 
    <div id="czipS" class="shipperSpecific"> 
     &nbsp; 
    </div> 
    <div class="consigneeSpecific"> 
    <center> 
    <input size="7" type="text" autocomplete="off" maxlength="7" 
    name="originZip" id="originZip" onkeypress="return handleEnter(this,event);"/> 
    </center> 
    </div> 
    </td> 
    <td width="200" align="center"> 
    <div id="czipC" class="consigneeSpecific"> 
    &nbsp; 
    </div> 
    <div class="shipperSpecific"> 
    <center> 
    <input size="7" type="text" autocomplete="off" maxlength="7" 
    name="destZip" id="destZip" onkeypress="return handleEnter(this,event);" /> 
    </center> 
    </div> 
    </td> 
</tr> 
<tr bgcolor="#E1E1E1"> 
    <td width="200" align="center"> 
    <div class="consigneeSpecific"> 
    <select id="originCity" name="originCity" /> 
    </div> 
    </td> 
    <td width="200" align="center"> 
    <div class="shipperSpecific"> 
    <select name="destCity" id="destCity" /> 
    </div> 
    </td> 
</tr> 
</table> 

Answer 1

아약스 코드 및 삽입을 보았 더라면 도움이 될 수 있습니다.

삽입이 완료된 후 가운데 맞춤 클래스를 선택 상자에 다시 설정해보십시오. 종종 이것은 IE가 물건을 다시 계산하도록 촉발시킵니다. 이 (JQuery와) 같은

뭔가 :

$('#destCity').removeClass('alignCenter').addClass('alignCenter');