2014-11-20 1 views
1

저는 Stackoverflow에서 새로 왔으며 이러한 문제에 대한 도움이 필요합니다.다른 div에 대한 이미지 높이

문제는 다음과 같습니다.이 점선 이미지 높이를 컨테이너의 100 %로 지정합니다.

enter image description here

HTML

<div id="test1"> 

</div> 

<aside> 
    <?php 
    if (logged_in() === true) { 
     include 'includes/widgets/loggedin.php'; 
    } else { 
     include 'includes/widgets/login.php'; 
    } 
    include 'includes/widgets/user_count.php'; 
    include 'includes/widgets/sponsors.php'; 
    include 'includes/widgets/partners.php'; 

    ?> 
</aside> 

CSS

aside { 
    width:260px; 
    float:right; 
    background-image:url(../images/dashed.png); 
    background-repeat: repeat-y; 
    padding-left:15px; 
} 

#container, footer { 
    background:#fff; 
    width:1100px; 
    margin:0 auto; 
    padding:20px; 
} 

#test1 { 
height:1000px; 
} 

이 사람이 나를 도울 수 있습니까?

+0

을 당신은'국경 dashed' 속성은 CSS에있다 알아? – DaniP

+0

우리는 귀하의 html에 대한 더 자세한 정보가 필요합니다. 분명히 '옆으로'는 '컨테이너'와 같은 높이가 아닙니다. – Diego

+0

@ Danko 참으로 국경이 파선이지만 높이는 100 %가 아닙니다. 높이 : 자동; 그것은 이미지로만 작동하므로 시도했지만 여전히 나옵니다. –

답변

0

이 시도 :

aside { 
    background: url(images/bg.jpg) repeat-y center center fixed; 
    padding-left:15px; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 
+0

그것은 작동하지 않습니다, 나는 노력하고 회색 배경으로 가지고있어. 높이가 여전히 같은 문제입니다 Screenshot : http://nl.tinypic.com/r/fa7x1e/8 –

+0

@BartvanderHoeven은 질문에 모든 코드를 포함 시키거나 문제를 재현 할 수있는 코드를 만들면 더 좋습니다 백개를 붙이십시오 – DaniP

+0

알겠습니다. 죄송합니다. 나는 jsfiddle 할 것이다. –