2014-06-13 2 views
0

저는 HTML이나 그와 비슷한 것이별로 좋지 않으므로 나와 함께하시기 바랍니다! 그래서 나는 tumblr 테마를 편집하고 있습니다. (다른 누군가가 만든 것이지, 나는 그렇지 않습니다) 그리고 오른쪽에서 왼쪽으로 사이드 바를 옮겨서 테마의 모든 것을 엉망으로 만들었습니다. 나는 레이아웃을 현명하게 원했던 방법을 거의 보았습니다. 그러나 컨테이너가 포스트 나 페이지 등과 일치하도록 늘어나지 않습니다. 여기에 무슨 뜻인지 알 수 있습니다 (미안 이미지를 게시 할 수 없습니다) :Tumblr 테마 컨테이너가 포스트와 일치하도록 늘어나지 않습니다.

vbthemes .tumblr.com/page

메인 페이지에서도 페이지 매김을 지나칠 정도로 길지 않습니다.

이상적으로 컨테이너가 페이지의 게시물/게시물 하단까지 아래로 늘어나기를 원합니다.

//컨테이너//

.containerbg{ 
padding:20px; 
margin-left:-40px; 
margin-top:29px; 
background:{color:containerbg}; 
padding-top:10px; 
width: 880px; 
height: 100%; 
z-index:-1000; 
} 

사람이 나에게 어떤 조언을 줄 수 :

이 컨테이너의 코드? 필요한 경우 더 많은 코드를 제공 할 수 있습니다.

(테마 themesofcaroline.tumblr.com에 의해 만들어진 그리고 난 그것을 위해 더 신용을하지 않습니다) 나는이 테스트를하는 데 문제가

+0

.containerbg 클래스에서 800px 너비를 제거하면 어떻게됩니까? – lharby

+0

스크래치 때문에 수정이있을 수 있습니다. – lharby

답변

0

,하지만이 작동합니다.

는 테마에 다음 CSS를 추가

/* ------------------------------- 
CLEARFIX FLOATING FIXES 
---------------------------------- */ 
.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
    .clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 
.clear { overflow:hidden; clear:both; height:1px; margin:-1px 0px 0px 0px; font-size:1px; } 
.clear-simple {clear:both; } 

그런 다음 컨테이너에 clearfix 클래스를 추가 할 수 있습니다. 따라서 :

<div class="containerbg clearfix"> 

테스트를 거쳤지 만 시도해보십시오.

+0

고마워요! 그게 효과, 단지 내 모든 게시물을 밀었지만 쉽게 수정할 수 있습니다! 그것이했던 유일한 일은 메인 페이지의 아래쪽과 내 페이지의 측면에있는 콘테이너에서 "움푹 들어간 것"과 같은 재미있는 작은 것을 만들었습니다! 그것에 대한 제안이 있습니까? 많이 soooooo 고맙다, 나는 결코 그것을 고칠 수 없었을 것이다! – user3736862

+0

그래, 다른 div containerbg 안에 div 컨테이너 bg가 있고 해당 클래스에 20px의 패딩이 있기 때문이라고 생각합니다. 나는 부모 컨테이너에서 20px 떨어진 패딩을 취하여 브라우저에서 문제를 해결했습니다. 나는 수업을 삭제하는 것이 가장 좋을 것이라고 생각합니다. 또는 부모에게 다른 속성을 적용하십시오. – lharby

+0

그리고 내 대답이 당신에게 도움이된다면, 친절하게 받아 들일만큼 친절하게 표시 할 수 있습니까? 고맙습니다. – lharby