[마이피] 마이피 꾸미기 / 좌측 메뉴를 우측으로 이동

마이피는 기본 3단 구성이고, 메뉴를 줄여서 단수를 줄일 수 있습니다만
주메뉴. 즉 카테고리등이 나오는 사이드바는 항상 좌측 고정입니다
저는 좌측에 두는걸 싫어하기 때문에 보통 우측에 두는데 마이피는 그럴 수 없지요= 3=
뭐 결국 지금 디자인이 되었지만;

위 스샷은 일반적인 2단 마이피입니다
좌측에 사이드바가 있고 우측에 본문이 배치되어있어요

마이피 HTML 엘리먼트의 ID명입니다
3단일 경우 우측에 #mRight 가 추가되만 저는 3단을 싫어하기 때문에 여기선 언급하지 않아요 (....)
암튼 우리는 #mLeft와 #mCenter의 위치를 바꿔야하므로, 이 두개만 손보면 됩니다

끝이에요. 그냥 위처럼 해놓고 저장하면 OK
(....)

p-osition의 값 relative는 현재 위치(부모)를 기준으로 움직입니다
#mLeft { p-osition:relative; left:795px; }는, '#mLeft를 현재 위치에서 왼쪽기준 795px 만큼 거리를 벌린다' 가 됩니다
왜 795px 이나면, 그게 #mCenter의 크기거든요 (5px 은 여백)
같은 방법으로~
#mCenter { p-osition:relative; right:165px; }는, '#mCenter를 현재 위치에서 오른쪽 기준 165px 만큼 거리를 벌린다'입니다
여기서 165px 는 #mLeft의 크기죠 (5px 은 여백)

※ p-osition은 강제로 변환된 문자이니, p다음의 바(-)는 지워야합니다

위처럼 하셨다면, 아래의 스샷처럼 나오게 됩니다

쉽다면 쉽고 어렵다면 어려운겁니다(...)
커피나 마셔야징

[ㅤㅅㅣㅋ]

참고로 라이트로 날리실때 값을 잘 지정하셔야 합니다. 값으 기준점에서 - 인지 + 인지 잘 생각하셔야 모니터 픽셀에 관계없이 원하는 위치에 배치가 됩니다. 그냥 참고하시면 될것같네요 :D

좋은정보 감사

[스타오션3]

와! 이런 방법도 있었군요?! 좋은정도 감사합니다!!