2014-03-06 2 views
0

문제이 양식을 모든 브라우저에서 어떻게 동일하게 만드나요?

그래서 Firefox와 Firefox에서 다르게 표시되는 양식이 있습니다. 마지막 두 항목 인 Max-Budget 및 Min-Budget을 제외한 모든 항목이 훌륭합니다.

크롬

이 원하는 모습이다.

enter image description here

파이어 폭스

이는 내가 그들에게 동일하게 보이게하기 위해 무엇을 할 수 있는지

enter image description here

파이어 폭스

에 모습입니다? 내가 방을 충분히 남겨 두지 않았거나 다른 CSS를 사용해야하는 이유는 무엇입니까?

+2

사이드 노트 : "Choose your color"는 "color"또는 "color"를 사용해야하지만 사용하는 색상은 일관성이 있어야합니다.) –

+0

마지막 두 항목을 만들거나 스타일을 지정하는 코드 –

+0

이것은 이상한 것입니다. Chrome 또는 Firefox 개발자 도구를 사용하지 않으면 무엇이 잘못되었는지 정확히 알기가 어렵습니다. 아마도 좀 더 많은 정보를 제공 할 수 있습니다. –

답변

3

라벨이 float:left 인 것처럼 보입니다. clear:left을 추가하여 다음과 같은 경우 (레이블이 조금 긴 경우) 다음 레이블이 해당 레이블과 함께 표시되지 않도록하십시오.

+0

당신이 맞을 것 같아요! 그것은 그렇게 보입니다. 나는 일을 마친 후에 나중에 테스트 할 것입니다! –

+0

Spot on, 감사합니다! :) 지우기 : 레이블의 두 번째 세트에서 모두 그 작업을 수행했습니다! –

관련 문제