overflow 문제
이송이
이미지 부분을 overflow 속성을 hidden으로 줬는데 해당 전체 영역보다 이미지가 길어지면 아래로 삐져나오네요..^^;;
해결 방법 좀....소스는 아래..
style
.fr {float:right;}
.mgt10 {margin-top:10px;}
.latestbox {position:relative; width:190px; border:1px solid #ddd;}
.latestbox h3 {margin:10px 7px 0 7px; padding:0 0 8px 0; border-bottom:1px solid #ddd;}
.latestbox h3 span.more {position：absolute; top:12px; right:10px;}
.latestbox ul.text {position:relative; margin:6px 0 5px 7px;}
.latestbox ul.text li {padding:0 0 0 5px; background:url(../img/common/bullet_2px_gray.gif) no-repeat 0 7px; line-height:140%;}
.latestbox ul.text li a {font-size:11px; color:#666;}
.latestbox ul.text li.content {background:none; font-size:11px; color:#777;}
.latestbox ul.bt {margin:0 7px 0 7px; padding:5px 0 5px 0; border-top:1px solid #e5e5e5;background-color:#FFFFFF}
.latestbox .img {text-align:center;height:97px;over-flow:hidden;}
/style
div class=latestbox fr mgt10
h3img src=img/index/h3_latest_photoboard.gif alt=사진게시판 /span class=morea href=#img src=img/index/btn_more.gif alt=more //a/span/h3
div class=imga href=#img src=이미지경로 alt=땅끝여행 갔을때 찍은! width=171 //a/div
ul class=text bt
lia href=#땅끝여행 갔을때 찍은!/a/li
/ul
/div
-
은솔
이미지에 들어가는게 아니고..div 태그에 들어가는건데..^^;;
-
찬누리
헐..^^;; 이 죽일놈의 오타.....-_-;;
-
그림자
over-flow:hidden; 가운데 하이픈이 들어가 있네요. overflow:hidden;
-
새우깡
그런데 왜 이미지에 over-flow가 들어가는건가요?궁금...