웹스터디

아래 올려놓은 네이버 스타일 레이아웃 수정본을 올립니다.
올려놓고 보니 너무 많은 문제점이 있는것 같아서..
사용하는데 지장없을 만큼?? 의 문제를 해결한 수정본을 올립니다.^^

레이아웃 디자인은 바뀐게 전혀~~ 없습니다!!.(실망하실지도 ㅡ.ㅡ;;)

일단 수정된 스샷을 보여드리겠습니다.
스샷만 봐선 수정된게 전혀~~ 없어 보일듯 합니다.



이게 메인입니다. 2단으로 구성되어 있고..
로그인 부분을 우측에 있는게 특징이 되겠습니다.




이건 서브레이아웃 입니다.
보시다시피 좌측의 메뉴부분 가운데 컨텐츠, 그리고 우측의 로그인및 위젯 부분으로 사용하실 수 있게 3단으로 구성해 놓았습니다.


대체 뭐가 수정되었지?? 하시는 분들을 위해 수정 내용을 말씀드리자면..

1. IE에서 생기는 상단의 여백문제를 해결했습니다.
BOM이라는 녀석이라는데 저도 자세힌 모르고 해결법을 터득한지라 적용해 올립니다.

2. 메인과 서브모두 우측 로그인부분의 크기가 200px로 확장되었습니다.
이건 공식사이트 대부분의 로그인 위젯의 크기가 200px라는 혀나겅주님의 의견을 반영한겁니다.
(사실 저도 로그인 위젯 크기 수정 매번하기 귀찮았습니다. ㅡ.ㅡ;;)
이게 가장 획기적인 변화 같군요 ㅡ.ㅡ;;

3. 서브메뉴의 좌측메뉴부문 (디지털 시계달린부분) 에 공간을 하나 만들었습니다.
이게 더 이쁘게 보인다는 지극이 주관적 견해에 의한 것입니다. ㅎㅎ

4. 그리고 가장 중요한..!!
익스6에서 레이아웃이 참담하게(?) 깨지던것을 수정했습니다.
요건 사실 귀찮아서 안하고 있었지만 꼭 하고 싶었던 거였습니다.

5. 기타....
내부적으로도 필요없는 약간의 소스가 삭제되었고,
설치하실 분들의 빠른 이해를 위해 삽입된 위젯스킨을  공식위젯으로 교체하였습니다.


이정도 5가지가 주요 변경사항 되겠네요..

아래의 네이버 스킨은 그대로 두고 이렇게 새로 올리는 이유는..
혹시나 레이아웃 수정을 공부하시는 분들을 위해 저와 같은 실수를 하지 않길 바라는 마음때문입니다.
비교해서 보시는것도 도움이 될것 같다는 생각이 듭니다.
처음부터 제대로 하시면 더 좋겠지만요 ^^ㅋㅋ