내 div에 여분의 패딩이 발생하는 이유는 무엇입니까?

모든 브라우저에서 내 웹 사이트를 코딩했지만 IE에는 문제가 있습니다. 특히 IE 7뿐입니다. 두 가지 문제가있는 방식과 IE가 추가 할 수있는 방식으로 IE가 올바르게 표시되도록하는 해결책을 찾고 싶습니다.내 div에 여분의 패딩이 발생하는 이유는 무엇입니까?

내 제출 버튼이 포함 된 div의 하단에 정렬됩니다. 검색 필드이 CSS가 모든 브라우저하지만 IE 버전 7에서 작동

#searchform { /*container widget */ position: relative; left: 15px; width: 97%; height: 30px; background-color: #f3f3f3; border: 2px solid #742222;} 

#searchform label { display: none; } 

#searchform input#s { width: 75%; height: 20px;} 

input[type=text],input#s { margin: 0 10px 0 0; width: 60%; } 

#searchsubmit{ position: relative; float: right; width: 30px; height: 30px; text-indent: -999px; background: url(http://averylawoffice.ca/img/SEARCH-submit.jpg) center; border: 0px;}

의 제출 버튼

enter image description here

CSS 절대 위치하지 않고는 상단 정렬 할 수있는 방법이 있나요 ?

출처

2012-06-07 kia4567

해당 페이지에 URL을 게시 할 수 없습니까? 이러한 종류의 문제는 브라우저의 개발 도구를 사용하여 실시간으로 조사하는 것이 가장 좋습니다. –

@ imeVidas : 거의 확실하게 http://www.averylawoffice.ca/averywordpress/입니다. URL이 이전 질문에 게시되었음을 기억했습니다. – thirtydot

해당 입력 요소를 포함하는 div에 위치 상대 규칙을 추가하고 입력 요소에서 부동 규칙을 제거한 다음 입력 요소에 절대, 상단 0px 및 오른쪽 0px 위치를 추가하면 어떨까요? – j08691

나는 텍스트 상자를 왼쪽으로 떠서 SUBMIT 버튼을 올바른 위치로 옮길 수 있었다.

.subscription_email { 
    ... 
    float: left; 
}

같은 검색 텍스트 상자에 간다 :

#s { 
    ... 
    float: left; 
}

을 변경 사항을함으로써, 결과 발표는 파이어 폭스와 완전히 동일합니다.

출처

2012-06-08 00:09:05

* sigh * IE에서는 항상 단순합니다. 어느 날 나는 그것의 매달림을 얻을 것이다. 감사! IE와 관련된 마지막 문제로 나를 도와 줄 수 있습니까? 그것은 로고, 링크 및 배너를 밀어내는 것 같아요. 왜 그런지 모르겠습니다. 내 여백과 여백은 0으로 설정되어 있지만 그걸로 뭔가를하고 있습니다 ... 왜 그렇게하는지 알고 있습니까? – kia4567

@Amber : 차이는 '

'에서 발생합니다. – thirtydot

와우. 이봐. 신기한 실수. 고마워요. – kia4567

내 div에 여분의 패딩이 발생하는 이유는 무엇입니까?

답변

관련 문제