IE7에서 내 UL 및 OL 목록이 제대로 표시되지 않는 이유는 무엇입니까?

StackOverflow https://stackoverflow.com/questions/837762

문제

뭔가 목록의 디스플레이를 깨는 것 같습니다 (ul 그리고 ol) IE7에서. IE8, FF, Safari 등에서는 잘 작동하지만 IE7 및 IE6은 아닙니다.

나는 단지 그들이 정상적으로 표시되기를 원합니다 : ul 목록에는 총알 포인트가 표시되어야합니다 ol 목록에는 숫자가 표시되어야합니다.

나는 그것을 처음 1000 줄의 코드로 좁혔습니다. styles_layout.css... ;)

사실, 나는 그것이 다음 스타일과 관련이 있다고 생각합니다.

* { margin: 0; } 

html, body { height: 100%; } 

.wrapper 
{ 
  min-height: 100%; 
  height: auto !important; 
  height: 100%; 
  margin: 0 auto -39px; 
}

여기를 살펴보십시오 : http://www.olvarwood.com.au/olvarwoodonline/mod/forum/discuss.php?d=2, 로그인 a guest

도움이 되었습니까?

해결책 3

나는 시행 착오를 통해 직접 해결했다.

* {
    margin: 0;
}

이것은 OL과 UL이 IE7과 IE6에서 올바르게 표시되는 것을 방해합니다. 왜 그런지 모르겠어요 ...

다른 팁

IE7 이하의 스타일 UL 요소 :

ul {
  margin-left: 40px
}

좋은 브라우저 스타일 UL 요소 :

ul {
  padding-left: 40px
}

Eric Meyer가 여기에 더 잘 설명합니다.https://developer.mozilla.org/en/consistent_list_indentation그리고 "일관성 찾기"섹션은 당신이하는 일을 알려줄 것입니다.

UL/LI 요소가 제로 마진 속성을 물려 받았기 때문입니다.

나는 CSS에 대한 전문가 인 척조차하지 않을 것입니다. 나는 항상 엉덩이를 걷어차는 것이지만, 내 상황이 조금 다르지만 단지 이것에 빠졌습니다.

결국 UL에 묶인 클래스를 지정하고 목록 유형을 설정해야했습니다.

.classname ul { list-style disc inside }

그것을 시도하고 그것이 도움이되는지 확인하십시오.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top