2011-10-05 7 views
0

Firefox를 사용할 때 CSS에 간격 문제가 있습니다. Chrome에서 정상적으로 작동합니다. 필드와 레이블이있는 양식이있을 때 선택 필드 다음에 줄이 그 앞에 여분의 공간을 확보하고 있습니다.Firefox에서 CSS 간격 문제 선택 필드 선택

이미지의 문제는 여기 http://i51.tinypic.com/35b8gmf.png에서 확인할 수 있습니다. 'test2'텍스트 앞의 공백은 어디에서 오는가? 파이어 폭스의

<style> 
label { 
    float:left; 
    width:70px; 
} 
input, select { 
    width:130px; 
} 
</style> 
<label for="l1">test1</label> 
<select id="l1" name="test1"><option>a</option></select> 
<br> 
<label for="l2">test2</label> 
<input id="l2" type="text" size="30" name="test2"> 
<br> 
<label for="l3">test3</label> 
<input id="l3" type="text" size="30" name="test3"> 
+0

버전 : 여기

코드인가? 플랫폼 Windows 또는 Mac은 무엇입니까? 어떤 DOCTYPE을 타겟팅하고 있습니까? –

답변

0
<style> 
label { 
    float:left; 
    width:70px; 
} 
input, select { 
    width:130px; 
} 
</style> 
<label for="l1">test1</label> 
<select id="l1" name="test1"><option>a</option></select> 
<br style="clear:both;"> 
<label for="l2">test2</label> 
<input id="l2" type="text" size="30" name="test2"> 
<br style="clear:both;"> 
<label for="l3">test3</label> 
<input id="l3" type="text" size="30" name="test3"> 
<div id="tests">asd</div>