메인의 공지사항리스트중 제목과 날짜의 정렬문제입니다.
헛나발
위처럼 제목과 날짜가 한줄에 정렬이 되어야 정상이예요~
그런데 익스 6-7에선 정상으로 보여지는데요~
파폭과 익스8에서는 정렬이 이상하게 보여집니다.ㅠㅠ
위의 이미지처럼 제목한줄 나오고..날짜가 한줄간격만큼 간격이 벌어져서 나타나고 있습니다.
고수님 소스좀 봐주세요~
아무리 삽질을 해도 답을 찾을수가 없네요~.ㅠㅠhtml
div id=notice
h3img src=images/bar_notice.gif alt=kmrb Notice //h3
a href=# class=moreimg src=images/btn_more.gif alt=더보기 width=30 height=10 //a
ul
lispan class=titlea href=#등급분류소위원회절차규정 일부 개정/a/span span class=date2009-11-03/span /li
lispan class=titlea href=#행정인턴 채용 최종합격자 공고(영상물/a/span span class=date2009-11-03/span /li
lispan class=titlea href=#행정인턴 서류전형 합격자 및 면접전형/a/span span class=date2009-11-03/span /li
lispan class=titlea href=#영상물등급위원회가 선정한 올해의좋은/a/span span class=date2009-11-03/span /li
/ul
/div css
#notice {position：absolute; width:265px; top:635px; margin:0px 0px 0px 15px; z-index:3;}
#notice .title {background:transparent url(../images/dot_icon.gif) no-repeat scroll 0 0.3em; clear:both; float:left; padding-bottom:3px; padding-left:9px; clear:both; display:block; }
#notice .title a{color:#a6a6a6; font-size:11px; letter-spacing:-1px;}
#notice .date {color:#a6a6a6; font-size:11px; text-align:right; float:right; padding:0 2px 0 0; clear:both; display:block;}
#notice .more {position：absolute; right:0; top:0px;}
#notice h3{ height:20px;}
-
후력
float 와 clear:both 를 같이 쓰셨는데용~ 지금있는곳에서 clear:both를 빼서 전체 감싸고 있는 아이에게 줘보세용
-
에녹
title과 date의 width값을 조절해보세요
-
도도
답변고맙습니다~수다닷컴아니였음 어떻게 코딩했을까요~?ㅋㅋ
-
샹1큼해
clear:both; 다 빼시고
#notice ul li {overflow:hidden; width:100%; margin-bottom:10px;} 이렇게하세요..
하단 마진값은 임의로 제가 넣은거니 조절해주세요
float 했으니..display:block;는 필요없을것같네요 -
라와
알려주신대로 했더니 해결됐습니다~^^에휴~아직도 갈길이 머네요~