토론방

소스관련 상품상세페이지 항목 겹침

 

상품상세페이지 골드회원 구매시  안내문구 겹쳐 보입니다.

수정 부탁드립니다.

 

 


 

 

게시글 공유 URL복사
댓글[1]

열기 닫기

  • P**M 2016-01-08

    수정처리 하였습니다. 

    mobile.css 파일에 아래와 같이 수정처리를 하였습니다.

     

    /* 상품 상세보기 */
    .proDetail {
        .detail_info {
            @extend %clear;
            .img {
                margin:.5em; text-align:center;
                img { max-width:100%; }
                .thum {
                    margin:.5em; text-align:center;
                    img { width:50px; height:50px; }
                }
                .ui_btn { color:#999; font-size:.8em; }
            }
            .info {
                position:relative; padding:.5em;
                dl {
                    margin:0 0 .5em 0;
                    @extend %dl;
                    @extend %clear;
                    dt { float:left; width:100px; height:20px; font-size:.8em; line-height:20px; }
                    dd {
                        float:left; min-height:20px; margin:0; font-size:.8em; line-height:20px;
                        .sale_count {
                            position:relative; width:60px;
                            input {
                                width: 35px; height: 18px; border: 1px solid #CACACA; font-family:verdana; font-size: 8pt; color: #666666; text-align:right;
                            }
                            .arrow {
                                position:absolute; right:0; width:7px; height:4px;
                                @extend %spriteIcons;
                                &.arrow_up { top:3px; background-position:-40px -110px; }
                                &.arrow_down { bottom:3px;  background-position:-50px -110px; }
                            }
                        }
                        s { color:#cd1449; }
                    }
                }
                #mini_op_table {
                    padding:10px; border:1px solid #ccc;
                    p {
                        margin:0; padding:5px; color:#f00; font-size:.8em; font-weight:bold; text-align:right;
                        border-top:1px dashed #ccc;
                    }
                }
                .btns {
                    margin:2em 0 0 0;
                    a { display:block; width:auto; margin:0 0 .5em 0; padding:.5em; }
                }
            }
        }
        .scrap {
            padding:10px; text-align:right;
            @extend %clear;
        }
        .goods_content {
            img { max-width:100%; }
        }
        .related {
            margin:30px 0 0 0; border-bottom:1px solid #e1e1e1;
            @extend %clear;
            h3 { height:50px; line-height:50px; padding:0 .5em; border-bottom:1px solid #e1e1e1; }
            ul {
                margin:0 .5em; @extend %ul;
                li {
                    float:left; width:90px; padding:5px; text-align:center;
                    img { width:80px; height:80px; }
                    .subject { display:block;  color:#6f6f6f; font-size:.8em; }
                }
            }
        }
    }

     

    원래는 height:20px였는데 min-height:20px로 변경처리를 하였습니다. 

     

    감사합니다. 

     

댓글작성

열기 닫기

댓글작성
top