요소는 IE6의 높이로 100% 너비를 얻습니다.

Question

나는 수평 링크 목록을 만들려고 노력하고있다u003Cul> 모든 사람 u003Ca>이 표시되는 곳 : 블록 및 높이가 있습니다. IE6에서는 높이를 설정 한 후 100% 너비를 유지u003C/a> u003Ca>하여 수직 목록으로 만듭니다.u003C/a>

HTML :

<ul id="header">
    <li><a href="#"><span>ST.KILDA ROAD MEDICAL CENTRE</span></a></li>
    <li><a href="#"><span>Public Health Management</span></a></li>
    <li><a href="#"><span>ST.KILDA ROAD PSYCHOLOGY SERVICES</span></a></li>
    <li><a href="#"><span>OCCUPATIONAL ASSISTANCE SERVICE</span></a></li>
    <li><a href="#"><span>ST.KILDA ROAD Sports &amp; Physio</span></a></li>
</ul>

CSS :

#header {
    height:1%;
    overflow:hidden;
}
#header li {
    float:left;
}
#header li a, #header li a span {
    display:block;
    height:28px;
}

스팬은 일부 호버 효과 배경 이미지에 대한 것입니다. 나는 그것을 제거하려고 시도했고 스타일링, 문제는 남아 있습니다.

DocType는 XHTML 1.0 엄격합니다. 글쎄, 나는 단지 패딩만으로 IE6에서 작동 할 수 있지만 수직 패딩은 다른 브라우저와 다른 브라우저와 다르게 구현되는 것으로 알려져 있습니다.

내 질문은 높이와 디스플레이를 유지하는 방법이 있는지 (배경 이미지 때문에) 너비가 없지만 (품목 길이가 유연 해지기를 원합니다) u003Ca>IE6에서 수평 목록을 만들 수 있습니다. 감사!u003C/a>

Answer 1

어린이 요소를 떠 다니는 것은 필요한 수정 일 수 있습니다.

#header li a, #header li a span {
  display:block;
  height:28px;
  float:left;
}