Important Instructions For These Options:

1. 100% - Your values added up cannot go over 100% or your sidebar will not show. - 위에서 입력하는 수치의 합(3개 합)이 100을 넘으면 안됩니다. 넘어가면 사이드바의 위치가 완전히 틀어집니다.

2. PADDING - Is always multiplied by 2 because it adds left and right padding. So a padding value of 5, actually equals 10. And you should only use padding if you are using a background color that is different than your main background color. - 사이드바의 패딩값은 입력하는 값의 두배(좌, 우)가 넓이에 계산됩니다. 입력값이 5라면 실제는 10이 되는거죠. 사이드바의 배경색과 메인컨텐츠 영역의 배경색이 다를 경우에는 패딩값을 입력해 주는것이 좋습니다. (입력하지 않을경우 사이드바의 내용이 경계선에 붙어서 보입니다)

3. UNSEEN SPACE - You need to factor in the space between the Content Width & Sidebar Width. This space does not have a field. - 사이드바와 컨텐츠 영역 사이에 보이지 않는 공간을 둘 필요가 있습니다. (= 합계가 100 이 되지않도록 하는것) - 배경색이 같고, 사이드바에 패딩이 있을때는 보이지 않는 공간이 필요없습니다.(서로의 컨텐츠가 맞닿지 않으므로) 그러나 배경색이 같고 사이드 바에 패딩이 없는데 .. 두 공간의 합이 정확히 100이라면 두 영역의 컨텐츠는 맞닿게 됩니다.

EXAMPLE 1: Content Width = 65 + Sidebar Width = 30 + Padding = 0 * this example adds up to 95% which leaves you 5% in between the content and sidebar sections. This is good to use if your sidebar background is the same color as your main background - 컨텐츠(65)+사이드바(30)+패딩(0) 인경우 는 합계가 95% 이고 컨텐츠 영역과 사이드 바 사이에 5%의 공간이 남겨져있습니다. 이 경우는 컨텐츠 영역과 사이드바 의 배경색이 같을 때 좋습니다. (패딩이 0 이어도 보이지 않는 공간이 서로를 닺지않게 하므로)

EXAMPLE 2: Content Width = 60 + Sidebar Width = 30 + Padding = 2.5 * this example adds up to 95% which leaves you 5% in between the content and sidebar sections. This is good to use if your sidebar background is a different color than your main background - 컨텐츠(60)+사이드바(30)+패딩(2.5) 인 경우는 합계가 95% 이고, 컨텐츠 영역과 사이드 바 사이에 5%의 공간이 남겨져 있습니다. 이 경우는 컨텐츠 영역과 사이드바의 배경색이 다를 때 좋습니다.