WordPress에서 생성자 테마로 플로트 사이드 바를 수정하는 방법은 무엇입니까?

Question

사이드 바 배치 관련 문제를 수정하거나 해결하는 데 도움을주십시오. 하나의 오른쪽 사이드 바 레이아웃에 Constructor 테마가있는 Wordpress가 있습니다. 웹 페이지는 다음 링크에서 볼 수 있습니다. . (하나는 다른 사이드 메뉴 짧은 높이도 변화되고있는 높이 헤드 메뉴를 갖는다.)

http://salvavita.hu/web_2012/

http://salvavita.hu/web_2012/?page_id=119

HTML 구조는 다음과 같다 :

<div class="wrapper" id="wrapcontent"> 
    <div class="box shadow opacity layout-right" id="content"> 
     <div id="container"> 
      content stuff 
     </div><!-- id='container' --> 

     <aside id="sidebar"> 
      sidebar stuff 
     </aside> 
    </div><!-- id='content' --> 
</div><!-- id='wrapcontent' --> 

어떤 이유로 인해 사이드 메뉴가 새 라인으로 끊어지고 컨테이너 외부의 왼쪽으로 눌려집니다. 꼬리말 위에 볼 수 있습니다. 콘텐츠와 동일한 줄에 사이드 바를 렌더링하려면 어떻게해야합니까? (사이트 상단 빨간색 부분의 바닥에 붙어 있습니다.)

순수한 CSS가 선호됩니다. 이 시점에서 내용이 오른쪽으로 튀어 나오면 괜찮습니다. (헤더 높이의 두 가지 유형이 있기 때문에 고정 된 위치가 좋지 않고, 너무 아래로 복원 창에서 작동한다.)

이론적으로

, 레이아웃은 다음과 같습니다 폭 : 968px 사이드 바 폭 : 220px 추가 사이드 바 폭 : 120 픽셀 (사용되지 않음) 헤더 높이 : 당신을 변경하는 경우 518px (이 사용자 지정 코딩 짧은 변형)

이 도움을 주셔서 감사합니다,

Sziro

Answer 1

앨런 젠킨스, 맞다 #sidebar 너비가 216px에서 208px까지 그러면 사이드 바가 작동합니다. 메인 컨테이너의 큰 오른손 여백과 사이드 바의 음수 왼쪽 여백은 나에게 이상하게 보입니다. 그것이 나라면 아마 나는 더 비슷한 것을 할 것입니다.

.layout-right #container { 
    /* (Line 197 remove the following rule) */ 
    margin-right: 220px 
} 

.layout-right #sidebar { 
    /* (Line 202 remove the following rule) */ 
    margin-left: -220px; 
} 

#sidebar { 
    /* (Line 208 reduce the width slightly and change the float from left to right) */ 
    width: 208px; 
    float: right; 
}