국경을 넘어 동적 페이지에서 계속 진행 하시겠습니까?

Question

내가

bgr_left.jpg가 30 픽셀로 30 픽셀되고 내가 div 태그에 놓여있다 ... 내 페이지에있는 Y-악셀을 계속 할 것인지, 테두리, bgr_left.jpg이 ... 또한 나는 오른쪽에 같은 경계를 원하고, 전역 상단 모든 방법 ...에

나는이 완수하지 못할

, 왼쪽 테두리를 heres 내 CSS : 모든

.bgr_left { 
    background-image: url(../Graphics/bgr_left.jpg); 
    background-repeat: repeat-y; 
    background-position: left; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    height: 100%; 
    width: 30px; 
    background-color: #E7F5F0; 
} 

감사합니다 help

Answer 1

테이블을 사용하거나 동적으로 sizi를 사용하여이 작업을 수행 할 수 있습니다. ng div.

표 방법

이 같은 웹 브라우저에서 미세해야하지만이 아닌 테이블 형식의 콘텐츠를 마크 업 테이블 태그를 사용하기 때문에, 검색 엔진 및 기타 컴퓨터 소비자가 오해 할 수도 있습니다.

<table> 
    <tr> 
    <td colspan="3" class="bgr_top"/> 
    </tr> 
    <tr> 
    <td class="bgr_left" /> 
    <td>Content content content</td> 
    <td class="bgr_bottom" /> 
    </tr> 
    <tr> 
    <td colspan="3" class="bgr_bottom"/> 
    </tr> 
</table> 

jQuery를의 도움으로 동적 사업부

, 우리는 의미 적으로 올바른 HTML을 방출뿐만 아니라 웹 브라우저에서 원하는 렌더링을 만들 수 있습니다. 테스트되지 않은 샘플 :

<p class="bgr">Content content content</p> 

<script type="text/javascript"> 
    $('.bgr').each(function(i,el){ 
    $('<div class="bgr_left"/>').height($(this).height()+'px').appendTo($(this)); 
    // similar for top, right, and bottom 
    }); 
</script>