li를 이용한 최근게시물인데 왜 브라우져에 따라 높이가 달라질까요?
미라
li를 이용한 최근게시물인데요.. 브라우져에 따라서 높이가 달라지네요..
무엇이 문제일까요?? padding , margin 이것저것 건드려 봤는데 해결이 안되네요..
IE7, 10 에서는 라인이 맞는데, 파폭,크롬,사파리,그외의 IE에서는 우측과 같이 나오네요..
도움좀 부탁드립니다.ㅠㅠ
아래는 html 입니다.
div id=latest
img src=/SkinImg/tit_latest_notice.gif /
div id=notice
ul module=board_list_1 id=board_list01
lia href=/board/free/read.html{$param_read}{$subject}/aspan{$write_date|date:m/d}/span/li
lia href=/board/free/read.html{$param_read}{$subject}/aspan{$write_date|date:m/d}/span/li
/ul
/div
/div아래는 cs 입니다.
#latest { float:right; width:418px; margin:0px 0 0 0; overflow:hidden; }
#notice ul { margin-top: 8px; }
#notice ul li { margin-top:8px; line-height:0px; height:19px; border-bottom:1px dashed #e0e0e0; font:12px 돋움; color:#898989; }
#notice ul li:after { content:; display:block; clear:both; }
#notice ul li a { float:left; margin-left:20px; font:11px 돋움; color:#898989; }
#notice ul li span { margin-right:10px; font:11px 돋움; color:#898989; }
-
돋되다 2024-12-05
요즘엔 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;해서 글자 줄임말 많이 쓰지 않나요?
-
갤쓰리 2024-12-05
퍼블리싱은 다양한 방법이 있죠ㅡ ^^ 멋진 퍼블리셔되세요~~
-
꽃내 2024-12-05
우와 virus님 대박.. 그냥 보러왔다가 고급정보 얻어가네네요 ㅋㅋㅋ
아..그런식으로 하면 좋구나.. 항상 float left right 썼는데 ㅋㅋ 전 위에 right부분 span을 inline-block로 바꾸서 해결했거든요 ㅋㅋ -
연파랑 2024-12-05
알면 알수록 잼있는 퍼블리싱이죠 ㅎㅎ
-
딸기맛사탕 2024-12-05
들어와서 다시 작업을 시작했는데 큰 도움이 되었습니다. 웹표준을 공부하면서
생소한부분이 많기도 하고.. 개념에 대한 이해가 떨어지는놈이라 하날 배워도 다른방식으로
접목하고 활용하는걸 지나치는 경우가 다반사인데요. 다시한번 감사드립니다.
그리고 그건 정말로 고급정보라 할 수 있군요! 감사합니다. 사랑합니다. -
라 2024-12-05
감사합니다. 은혜를 사이트에서 보면 가끔 인사해주세요 ^^
제가 오늘까지만 노는 날이라 우훗~
맘 편한 밤 보내세요~ -
목련 2024-12-05
정말 너무 감사합니다. 지금 외출중이라..
들어가몀 작업을 시작해야겠네요
말로 전할 수 밖에 없겠지만 이 은혜 잊지 않겠습니다.
ㅠㅠ
올한해도 번창하시고 행복가득하길 바랍니다.^^ -
YourWay 2024-12-05
#notice ul li span 에 float:right 말고 position:absolute; right:10px;
#notice ul li 엔 position:relative; padding-right:글자 끊길 적당한 공간 으로 하시면 되죠 ㅎㅎ
나름 고급정보입니다 쿄쿄~ -
배꽃 2024-12-05
정말 너무 감사합니다!! 해당부분을 참고해 만져보니 감이 잡히네요. 그런데
문제가 발생했는데..
lia href=\#\제목/aspan날짜/span/li
이부분에서 제목뒤에 날짜가 붙어나오기때문에
날짜를 우측 끝으로 으로 보낸다고..
#notice ul li span { margin-right:10px; font:11px 돋움; color:#898989; }
span 에 float:right 를 넣어버리면 특정브라우져에서 모든 줄의 높이가 더 높 -
연자두 2024-12-05
#notice ul li 에서 line-height를 넣어 조정해보세요. 폰트행간 브라우져마다 다른걸겁니다.
이 문제를 확인하려면 #notice ul li의 height를 아예 50px로 줘보세요. 동일한 높이가 나타날겁니다.
높이를 크게하고 동일하게 전체높이가 동일하다면 line-height문제입니다.
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2684047 | c언어 골뱅이 알고리즘 이해가 잘.. (2) | 갤원 | 2025-02-05 |
| 2683972 | 플래시 관련 접근성 문의 | 뿌닝 | 2025-02-04 |
| 2683944 | 메뉴가 안보이는 문제 해결 부탁(카테고리? 페이지?) (1) | 내꽃 | 2025-02-04 |
| 2683912 | div에 퍼센트 적용 조언좀요.. (1) | 크심 | 2025-02-04 |
| 2683834 | 고수님들 위피 질문입니다 (2) | 연체리 | 2025-02-03 |
| 2683803 | 아..어렵다...Red5 여~ (2) | 한별 | 2025-02-03 |
| 2683775 | [질문] 윈도우 서비스팩 2 요... (9) | 하늘빛눈망울 | 2025-02-03 |
| 2683750 | 동영상 controls 질문? (3) | 말근 | 2025-02-02 |
| 2683718 | PHP질문. (1) | 연자두 | 2025-02-02 |
| 2683691 | FDT 에 자바독 단축키 없나요? | 초코우유 | 2025-02-02 |
| 2683664 | HttpWebRequest 프록시 접속유지 하는거 질문합니다. | 훌림목 | 2025-02-02 |
| 2683616 | .NET 코딩에 관해 질문할께 있습니다. | 지우 | 2025-02-01 |
| 2683592 | 이클립스 설정및 초기 개념 질문좀요 | 큐티베이비 | 2025-02-01 |
| 2683561 | 그냥 통 이미지를 잘라서 코딩을 할때,,,, (3) | CreamyGirl | 2025-02-01 |
| 2683533 | shell질문합니다 | 딥공감 | 2025-01-31 |
| 2683504 | J2ME 공부하신분 계신가요? ^ㅡ^ (3) | 말달리자 | 2025-01-31 |
| 2683450 | JCheckBox 초기화 어떻게 하나요 ? | 두메꽃 | 2025-01-31 |
| 2683423 | [질문]교육기관 추천 좀 해주세요 (2) | 애기 | 2025-01-30 |
| 2683396 | 다운로드오류 (1) | 초롬 | 2025-01-30 |
| 2683367 | 유투브동영상 다 재생되고나면.. (2) | 남천 | 2025-01-30 |