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문제입니다.
| 번호 | 제 목 | 글쓴이 | 날짜 |
|---|---|---|---|
| 2700524 | 클릭시 밑에 메뉴 나오게 (4) | 새솔 | 2025-07-05 |
| 2700505 | activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) | 참이 | 2025-07-05 |
| 2700452 | c언어에서... 자료형 구분.... (3) | 시내 | 2025-07-05 |
| 2700422 | 버전에 관해 질문 | 라온제나 | 2025-07-04 |
| 2700393 | mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) | 소미 | 2025-07-04 |
| 2700359 | 3.0 ) SimpleButton 상태 강제 변경 (3) | 희선 | 2025-07-04 |
| 2700304 | ie8 전용핵 문의 (3) | 여자 | 2025-07-03 |
| 2700281 | 이런경우 어떻게 코딩해야 표준에 따르는건가요? (6) | 늘솜 | 2025-07-03 |
| 2700230 | 질문이여 ! | 뿡뿡몬 | 2025-07-03 |
| 2700205 | 액션스크립트책 좀 추천해주세요. (10) | 화이트캣 | 2025-07-02 |
| 2700173 | 자바 소스인데 어떤게 에러인지..? (1) | 호빵녀 | 2025-07-02 |
| 2700142 | 하단이 붙어있는 가변 레이아웃구조 질문드립니다. | 이플 | 2025-07-02 |
| 2700089 | 이미지를 사다리꼴로 비틀게 하는 액션코드가 있나요? (4) | 여름 | 2025-07-01 |
| 2700033 | 배경에 그라데이션을 넣으려고 하는데요.. (4) | 화이티 | 2025-07-01 |
| 2700005 | [질문] TextField 객체의 실제 높이 알아오는 방법 ? | 천사의눈물 | 2025-07-01 |
| 2699978 | FileReferenceList를 이용하여 업로드시 자꾸 실행속도가 느리다는 팝업이... (10) | 데이비드 | 2025-06-30 |
| 2699944 | 자바스크립트가 많은 사이트는... (6) | 희나리 | 2025-06-30 |
| 2699918 | 브라우저마다 다른 input과 텍스트 정렬 (3) | 늘봄 | 2025-06-30 |
| 2699887 | 동적텍스트를 그래픽으로?? (2) | 족장 | 2025-06-30 |
| 2699862 | scope넣기 (1) | 아인 | 2025-06-29 |