수다닷컴

사이트 왼편 링크의 CSS 디자인 페이지를 가 봤는데, 선정된 디자인들도 괜찮지만 Zen Garden 메인 페이지가
심플하면서도 괜찮아 보여서 한번 카피해보려고 하는데 생각대로 되질 않아서요.

우측 사이드바 배경이 연두색으로 쭉 footer 바로 위까지 이어져 있는데, 이것이 잘 되지를 않네요.

페이지 리로드 할때마다 메인컨텐츠 영역하고 사이드바 영역이 잠깐 같은 색으로 칠해졌다가 메인 컨텐츠가
그려지는 것을 보면, 아주 러프하게...

컨텐츠 div, 연두색 배경, 가로 약 1000픽셀
메인 컨텐츠 div, 흰색 배경, 가로 약 650픽셀, float:left
메인 컨텐츠....
메인 컨텐츠....
메인 컨텐츠....
메인 컨텐츠....
/div
사이드바 컨텐츠...
사이드바 컨텐츠...
/div

이런식으로 만들면, 메인 컨텐츠가 아래위로 늘어나는만큼 컨텐츠 div가 아래위로 늘어나야 하니까 따로
사이드바 영역에 배경색을 주고 너비값을 정해주지 않아도 Zen Garden 메인 페이지와 비슷한 모양이
나올 거라고 생각했는데 아니올시다 네요 ^^;

저렇게 해보니까 사이드바 영역이 아래위로 늘어난 만큼만 연두색이 칠해지고 있었습니다.

가급적이면 제가 뭘 잘못 알고 있는가를 포함해서 도움 부탁드립니다. 감사합니다.

-----------------------------------------------------------------------------------------------------------------

컨텐츠 div, 연두색 배경, 가로 약 1000픽셀
사이드바 컨텐츠 div,float:right
사이드바 컨텐츠...
사이드바 컨텐츠...
/div
메인 컨텐츠 div, 가로 약 650픽셀, 흰색 배경
메인 컨텐츠...
메인 컨텐츠...
메인 컨텐츠...
메인 컨텐츠...
/div
/div

이런식으로 float 될 div를 바꾸고 위치도 바꿨더니 생각했던 모양새가 나오네요;

신청하기