왼쪽 및 오른쪽 여백을 추가하거나 사용자 정의 V4.MASTER (S4-BODYCONTAINER)에 패딩을 추가합니까?

sharepoint.stackexchange https://sharepoint.stackexchange.com//questions/52975

문제

마스터 페이지의 왼쪽과 오른쪽에 여백 / 패딩을 추가하려면 어떻게해야합니까?

나는 고정 너비 페이지를 원하지 않는다. 좌우 마진, 왼쪽 및 오른쪽 여백으로 너비를 확장한다.

내가 본 문제는 일부 JavaScript가 S4-BodyContainer의 인라인 너비를 하드 - 코드화한다는 것입니다.이것은 내 CSS에 추가하려고 시도하는 여백 / 시도를 억제합니다 (오버플로 오른쪽 오버 플로우).

100 % 너비를 시도했습니다! 행운없이 중요합니다 : 

#s4-bodyContainer
{
    margin-left: 50px;
    margin-right: 50px; 
    width: 100% !important;
}
.

도움이 되었습니까?

해결책

일반적으로 수행 할 필요가있는 블로그에서 모두를 찾을 수 있습니다. http://www.n8d.at/blog/centered-fixed-width-design-in-sharepoint-2010-The--in-way/

당신이해야 할 일은 다음과 같습니다 : 

div.s4-title.s4-lp,
 body #s4-mainarea,
 #s4-topheader2,
 #s4-statusbarcontainer{
     margin: 50px;
     padding: 0px;
     float: none;
     background-image: none;
     background-color: white;
}
.

1) 당신이 할 일도 변경 사항이 변경됩니다 : 

<div id="s4-workspace">
.

to : 

<div id="s4-workspace" class="s4-nosetwidth">
.

2) 

<div id="s4-titlerow" class="s4-pr s4-notdlg s4-titlerowhidetitle">
.

변경해야합니다. 

<div id="s4-titlerow" class="s4-pr s4-notdlg s4-titlerowhidetitle s4-nosetwidth">
.

S4-NoSetWidth 클래스 SharePoint를 설정하면 JavaScript가 추가되어 페이지의 너비를 설정하지 않습니다. 나는 아직 이것을 시도하지 않았지만 일해야한다.

다른 팁

피터,

이를 위해 일반적으로 3 개의 <td>가있는 테이블을 찍고 중간 TD에서 BodyContainer를 포장하여 100 %가 <td> 밖에 나가지 않더라도 ...

및 첫 번째 및 마지막 <td>가 간격 / 왼쪽 - 오른쪽 여백에 사용됩니다!이 두 가지 TD의 에 width=50px를 제공하십시오.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 sharepoint.stackexchange
scroll top