메인의 공지사항리스트중 제목과 날짜의 정렬문제입니다.
헛나발
위처럼 제목과 날짜가 한줄에 정렬이 되어야 정상이예요~
그런데 익스 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;는 필요없을것같네요 -
라와
알려주신대로 했더니 해결됐습니다~^^에휴~아직도 갈길이 머네요~
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2703607 | MFC 작성중에 인터넷(Web)관련하여 연동이 되게끔 만들려고 하고 있습니다 | Addictive | 2025-08-02 |
2703579 | 톰캣-아파치 서버에 관한 질문입니다. (2) | 바나나맛사탕 | 2025-08-02 |
2703520 | 직사각형그리기 질문이요~! | 펴라 | 2025-08-02 |
2703461 | 웹호스팅을 변경하려고 합니다. | 찬놀 | 2025-08-01 |
2703432 | dl이 dt크기만큼 안늘어납니다. (5) | 불꾼 | 2025-08-01 |
2703372 | 조직도이미지의 대체텍스트는... (9) | 한샘가온 | 2025-07-31 |
2703348 | 쿽스모드가 무엇인지 궁금합니다. (4) | 나려 | 2025-07-31 |
2703324 | [접근성]더보기 (8) | 매1혻적 | 2025-07-31 |
2703274 | AVADA 테마 메인화면 슬라이드 질문.. | 뿌우 | 2025-07-30 |
2703218 | kboard 게시판 질문요 !! | 핑크빛입술 | 2025-07-30 |
2703188 | HTML 4.01에서 faq 제이쿼리 슬라이드업 되면서 떨림문제 (2) | 꺄홋 | 2025-07-30 |
2703163 | 수다님 죄송한데 질문하나하겠습니다.. (1) | 나오 | 2025-07-29 |
2703138 | [질문]java강좌란에서 궁금한 점이 있어 올립니다. (2) | 옆집오빠야 | 2025-07-29 |
2703109 | HTML5 코드 내용이 달라요..ㅜㅜ (1) | 우솔 | 2025-07-29 |
2703032 | 이런 질문도 가능할 지는 모르겠지만요~ (1) | SweetChoco | 2025-07-28 |
2703009 | 레이어 코딩 어떻게 해야 할까요? | 수련 | 2025-07-28 |
2702980 | 익스 개발툴에서 대체텍스트보기에 대해 질문있어요~ (5) | 핑크빛애교 | 2025-07-28 |
2702927 | jsp 공부중인대 회원등록을누르면 등록이 안되고 에러가나요 | 소율 | 2025-07-27 |
2702843 | 16진수 출력시 10을 제거 하는 방법 좀 알려주세요 (3) | Schokolade | 2025-07-26 |
2702818 | float:left , right 왜그런거죠? (4) | 화이트캣 | 2025-07-26 |