IE에서 여분의 패딩 제거

내 웹 사이트에는 많은 버튼이 있습니다. Chrome에서 볼 때 버튼 폭은 동적 버튼 텍스트에 맞지만 IE에서는 왼쪽 및 오른쪽 모두에서 여분의 패딩이 생성되는 것을 볼 수 있습니다. ...IE에서 여분의 패딩 제거

나를 허용 할 수있는 CSS 규칙이 있습니까? 이 패딩을 없애시겠습니까? 감사.

출처

2011-10-24 Ham

어떤 IE 버전을 사용하고 있으며 어떤 모드로 실행하고 있습니까?; 예 : '' – Rich

Internet Explorer 렌더링 문제는 거의 어두운 예술입니다. 라이브 예제를 추가하고 Internet Explorer의 어떤 맛을 통해 문제가 렌더링되는지에 대한 자세한 정보를 제공하는 것이 좋습니다. Internet Explorer Inspector를 사용하면 Chrome과 같은 최신 브라우저가 제공하는 것만 큼 고급 수준은 아니지만 진행 상황을 알 수 있습니다. – MarioRicalde

reset css을 사용하면 브라우저 불일치를 피할 수 있습니다.

조금 늦게 될 수 reset.css

출처

2011-10-24 12:15:20

에 대한 http://sixrevisions.com/css/css-tips/css-tip-1-resetting-your-styles-with-css-reset/

방문 http://www.cssreset.com/scripts/html5-doctor-css-reset-stylesheet/를 참조하지만, 오늘 바로 그 문제에 대한 SO 검색 할 때 나는 this question을 발견하십시오. 분명히 이것은 실제 패딩 (어떤 의미에서 그것은 padding:0px으로 끌 수 없다)이 아니라 오히려 우리가 모두 IE에 대해 너무나 좋아하는 이상한 기이 한 것 중 하나입니다. (잘못된 여백은 단추 텍스트 길이 O_o로 비례 배분됩니다). 다행히도 here과 같이 간단한 해결책이 있습니다.

기본적으로 버튼에 overflow:visible; 만 추가합니다 (여기에 설명 된대로 width:auto;은 필요하지 않습니다). 묻지 말아라 - 이것이 당신이해야 할 일이라고 절대 생각하지 못했지만, 잘 ... IE Land이고 규칙은 그곳에 따라 다르다. 단추가 표 셀 안에있을 때이 기능이 작동하지 않는다는 점에 유의하십시오.

누군가가 이것을 이미 일부 전역 선언에 포함 시켰기 때문에 CSS 재설정이이를 해결했을 수도 있습니다. 방법과 이유에 대해 좀 더 밝히기 위해이 대답을 추가하십시오.

사람들을 포기하지 마세요. 우리 아이들은 IE 버릇이없는 세상을 보게 될 것입니다.

출처

2012-07-10 17:51:27 Louise

오, 주인님, 이것은 어리석은 수정이지만 작동합니다. – jlarson

고마워요 트릭을 했어! – ClearCloud8

이것은 나를 위해 일했습니다. '팬텀'패딩. 감사 IE8 프로그래머 - 그건 네가 낭비 한 몇 시간 내 인생이야. –

추가 명령문이있는 IE에서 추가 간격을 피하기 위해 관리 : 표시; 나는 폭 사용하지 않은

.menu button{ 
    display:block; 
    width:100%; 
    padding:0; 
}

주 : 그래서 같은 CSS에서 내 경우에는 옵션이 아니었다으로 자동 - 버튼 비어있는, 폭은 부모 DIV에서 가져옵니다.

출처

2014-03-25 12:19:25 user3459603

IE에서 여분의 패딩 제거

답변

관련 문제