카테고리 없음

Firefox 와 IE 에서의 블로그 사이드바 문제점 해결!

ilreme 2007. 8. 9. 01:26

 이번에 새로 블로그를 이전하고 가볍고 심플하게 스킨을 구성했다. IE 에서 별 문제 없이 보여서 잘 됬구나 했는데 Firefox 에서 보니 Sidebar 의 글이 아래와 같이 다르게 보이는 문제점을 발견 했다.

사용자 삽입 이미지











<h4><span class="menuTitle">ilreme's tag</span>┃<span class="menuSubtitle">내 태그</span></h4>
        <ul class="list">
            <s_random_tags><li class="tag"><a href="[##_tag_link_##]"
             class="[##_tag_class_##]">[##_tag_name_##]</a></li>


[skin.html 소스 중에서 하이라이트 부분을 보라!]


html 소스 코드를 보면 서브 리스트를 출력 해주는 부분에서 문제점이 발생 한것으로 보인다.
ul 은 css의 ul.list를  참조 하고 있으니 이제 css 의 ul.list 부분만 해결 해주면 문제 해결~!

많은 삽질을 했지만 정답은 다음과 같이 간단 했다. ㅠㅠ

아래 소스에서 magin이 선언된 아랫줄에 padding 0; 만 추가 해주면 된다.

ul.list {

list-style: none;
margin: 0px 0px 0px 0px;
padding 0;
}