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문제입니다.