수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

메인의 공지사항리스트중 제목과 날짜의 정렬문제입니다.

헛나발

2023.04.01

위처럼 제목과 날짜가 한줄에 정렬이 되어야 정상이예요~
그런데 익스 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;}

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 후력

    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
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com