쏭군은 열정 드리머

<div id="imeji" style="LEFT:expression((document.body.clientWidth/2)-220); TOP:35px; POSITION:absolute; z-index:1">ffff</div>

중앙정렬 사이트의 경우 레이어를 사용하면 사용자의 해상도나 창의 크기에 따라서 레이어 위치가 바뀌기 때문에 매우 고생을 하시는 분들이 많습니다.

위 소스는 화면을 반으로 쪼개어 그 화면 가운데 세로좌표를 기준으로 하여 레이어 위치를 고정시켜주기 때문에 가운데 정렬 홈페이지에서 레이어를 고정시키기에 매우 유용한 소스입니다. -220 부분의 부호와 수치를 적당하게 고쳐서사용하시면 됩니다.

CSS의 margin: auto;가 안 먹힐때 사용하세요.

발췌하실때는 출처와 답글을 남겨주세요^^

2007/01/19 03:09

트랙백 주소 :: http://monoeyes.com/trackback/5

  1. 은쥬짱 2007/02/24 11:36  댓글주소  수정/삭제  댓글쓰기

    요즘 div코딩 공부 하고있는데 유용한 자료가 되겠네요...^^

    • BlogIcon 쏭군 2007/02/25 17:59  댓글주소  수정/삭제

      이건 테이블 시절의 소스랍니다... div 로 레이아웃을 잡으신다면 div에 스타일을 주어 가운데 정렬을 할 수 잇답니다
      margin: 0 auto ... 해서 auto 값을 주면 되지요^^

  2. BlogIcon 펨스 2007/05/11 15:29  댓글주소  수정/삭제  댓글쓰기

    인터넷에서 반나절을 찾다가 해답을 얻어갑니다.
    쏭군님 때문에 홈피진도가 조금 나가게 생겼네요^^
    감사드려요.

    • BlogIcon 쏭군 2007/05/12 01:23  댓글주소  수정/삭제

      네 도움이 되었다니 다행입니다, 다만 더 편한 방법으로는 css로 마진 값을 auto로 해주시면 가운데로 갑니다^^

  3. B.K.Lee 2010/01/23 23:31  댓글주소  수정/삭제  댓글쓰기

    덕분에 큰거하나 해결햿네요... 모니터 설정 여러단계로 바꿔가면서 해봐도 잘 적용이 되는군요.. 감사합니다..

    • BlogIcon 쏭군 2010/01/28 21:38  댓글주소  수정/삭제

      네, 본문에도 있지만
      부득이 margin: auto;가 안 먹거나,
      사용할 수 없을때 유용한 코드입니다^^
      새해 복 많이 받으세요~

  4. 초보 2010/02/19 10:41  댓글주소  수정/삭제  댓글쓰기

    margin:0 auto-220; 이런게 가능한가요 ?

    • BlogIcon 쏭군 2010/03/04 18:24  댓글주소  수정/삭제

      저도 그렇게는 안 해봤는데,
      되는지 궁금하네요^^; 아마도 안 될 것 같아요~
      위에서 expression은 css에서 자바스크립트를 사용하는 것으로 알고 있어요; 그래서 되는 걸로 알고 있습니다^^;

  5. 7hisday 2010/03/09 14:13  댓글주소  수정/삭제  댓글쓰기

    감사합니다 유용하게 활용하겠습니다.^^

  6. gaga 2010/06/14 23:32  댓글주소  수정/삭제  댓글쓰기

    잘쓰겠습니다. 퍼갑니다.

  7. BlogIcon ggujjin 2010/07/21 09:13  댓글주소  수정/삭제  댓글쓰기

    유용한 팁 완전 감사^^*

  8. BlogIcon Authorhouse 2012/03/26 18:50  댓글주소  수정/삭제  댓글쓰기

    공유를 주셔서 감사합니다. 아주 유용한 참조.

  9. 임정옥 2012/05/11 00:16  댓글주소  수정/삭제  댓글쓰기

    아주 골머리를 짜내던 중이었습니다. 휴~~ 속이 시원해지는 느낌이내요 감사합니다.




''에 해당되는 글 건