IE7에서 내 UL 및 OL 목록이 제대로 표시되지 않는 이유는 무엇입니까?
-
10-07-2019 - |
문제
뭔가 목록의 디스플레이를 깨는 것 같습니다 (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 }
그것을 시도하고 그것이 도움이되는지 확인하십시오.