안녕하세요, 저는 CSS로 라벨을 만들었습니다. 레이블 CSS는 파이어 폭스, 크롬 잘 작동하지만 IE에서 실행하면 CSS가 제대로 나오지 않습니다. IE의 CSS 정렬
label.formInputField {width:119px; height:26px; margin:3px 0px 0 0; padding:11px 6px 0 6px; background: #dadada url('css-images/labelBG.png') 50% 50% repeat-x; float:left; display: block; font-size: 12px; font-weight: normal; line-height: 1.1; color:#333; text-align:right; border: 1px solid #AAAAAA; border-right: 1px solid #dadada; }
.div_form_textbox { width:200px; float:left; text-align:left; background-color:#E6E6E6; height:29px; margin:3px 2px 0 0; padding:5px 0 3px 5px; border-right: 1px solid #AAAAAA;border-top: 1px solid #AAAAAA;border-bottom: 1px solid #AAAAAA; background: #e6e6e6 url('siva_images/form_input_bg.png') 50% 50% repeat-x;}
.ui-corner-left { -webkit-border-bottom-left-radius :4px;-webkit-border-top-left-radius :4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-right { -webkit-border-bottom-right-radius :4px;-webkit-border-top-right-radius :4px;border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
<label class ="formInputField ui-corner-left" for="Pdoctor">Doctor First Name:</label>
<div class="div_form_textbox ui-corner-right">
<input id="fname" name="fname" type="text" size="30" class="textbox ui-corner-all"/>
</div>
이
같은 모질라와 크롬의 적절한 출력 그래서 IE에서 같은 일이 같은오고있다 :
왼쪽 라벨과입니다 오른쪽 div 안에 텍스트 상자가 있습니다. 내 문제 그 중 절반만이 의사 이름의 레이블에 들어 있습니다. 이 문제를 해결할 수 있도록 도와주세요.
JSFiddle의 IE에서 렌더링이 잘되었습니다 ... doctype을 설정 했습니까? –
예 doctype이 – Siva