Erzsamatory Weblog


해당 글은 워드프레스 블로그로 이관된 글입니다.
아래의 블로그에서 해당 글을 열람하시기 바랍니다.

이관된 글 링크는 다음과 같습니다.
http://www.walterz.net/2017/07/19/css-고정레이어-만들기/
http://www.erzsamatory.net/trackback/27

건전한 댓글 문화를 만들어주시기 바랍니다 ^^
불건전한 댓글이 등록되는 경우 관리자의 임의적 판단으로 삭제될 수 있음을 미리 공지드립니다.

비밀글로 작성하기
  1. 2014/01/20 15:04
    위로가기 버튼을 배치할 때 유용하겠네요~ 다음에 레이아웃을 변경할 때 유용할 것 같습니다.
    감사합니다..! ^^
    • Walter E.
      Walter E.
      2014/05/06 09:58
      도움되셨다니 정말 다행입니다.
      방문해주셔서 감사합니다 ^^
  2. 하이젠버그
    하이젠버그
    2015/03/28 16:47
    메뉴 고정한다고 헤매고 헤매다가 이 글을 보고 성공했네요~
    쉽고 친절하게 설명된 글 너무 감사드립니다~^^
    • Walter E.
      Walter E.
      2015/03/28 21:08
      도움이 되셨다니 다행입니다 ^^
  3. 666
    666
    2015/04/10 19:59
    질문입니다.제가 블로그(http://hoitallica.blogspot.com/) 하나를 만들엇습니다.그런데 브라우져 창크기를 줄이니 사이드바? 이것이 이상한데로 가더군요. 그리고 헤드라고 해야하나요 상단도 이상하게(넓어짐?) 되구요.여기서 궁금한것은 브라우져 창크기를 줄이든 말든 블로그 템플릿에는 위치나 크기에 영향을 받지않게 할수는없는지요..

    제가 초보라 자세한 설명 부탁드립니다. 늘 건강하십시요.
    • Walter E.
      Walter E.
      2015/04/11 13:09
      지금 블로그를 확인해보니 반응형 레이아웃이 적용되어 있습니다.
      구글 블로거는 대부분의 레이아웃이 반응형입니다.
      창 크기에 상관 없이 동일한 레이아웃을 보여주려면, 스타일 속성에 특정한 픽셀 사이즈가 입력되어야 합니다. 하지만 반응형 레이아웃에서는 비율(%)이 입력되어 있기 때문에 창 크기에 따라 모양이 달라지는 것입니다.
      다른 레이아웃을 선택해보시기 바랍니다.
  4. 666
    666
    2015/04/11 20:24
    그렇다면 레이아웃 즉 템플릿 자체를 바꿔야 한다는말씀인가요?
    • Walter E.
      Walter E.
      2015/04/11 22:13
      그렇습니다.

      하지만 템플릿을 직접 수정하셔도 됩니다.

      CSS 파일을 보면 @media () {~} 부분이 있을 것입니다. 이 부분을 모두 삭제하면, 레이아웃이 변동되는 것을 80%는 막을 수 있습니다.

      그리고 HTML이나 CSS에서 비율(%)로 지정된 넓이나 높이를 픽셀로 고정시키면 됩니다.
  5. 666
    666
    2015/04/12 19:06
    감사드립니다 한번 해보도록 하겟습니다
  6. 666
    666
    2015/04/12 20:24
    님이 말씀하신데로 싹다지웠더니 더이상 변하지않습니다.다만 한가지 안되는것은 사이드바인데요 사이드바는 아직도 안되네요 브라우져를 줄이면 밑으로 이상한데로 가버리구요.........하지만 상단 해드부분은 고정이되었습니다.
    뭐가문제인지 모르지만 픽셀로 하는것은 제가잘몰라 포기구요 ㅠㅠ 여기까지라도 감사드립니다.
    어차피 유저들이 브라우져 창을 줄여서 인터넷을 하지는 않으니 상관없을거 같아요.


    그리고 한가지더 질문이잇습니다. 제사이트에 드롭메뉴가 잇습니다. cad-lisp이렇게 메뉴가 있고 거기다가 마우스를 가져다 대면 드롭으로 메뉴가 밑으로 내려오는데요..이상하게도 파이어폭스에서는 아주 드롭도 잘되고 드롭메뉴가 잘보입니다.그런데 익스플러러에서는 드롭메뉴에 마우스를 가져다 대면 유투부플레이리스트에 가려져버리고 또한 가려져보이는데 거기다가 드롭으로 보여지는 메뉴가 안보입니다.이것은 어찌 해야하는지요.
    • Walter Erzsa
      Walter Erzsa
      2015/04/12 23:06
      아마 CSS로 구현된 드롭다운 메뉴인 것 같습니다.

      CSS 속성에 z-index 라는 것이 있는데, 각종 레이어의 표면적 순서를 나타냅니다.
      z-index 속성의 숫자가 클수록 위쪽에 나타납니다.

      한 번 cad-lisp 메뉴의 z-index 속성을 100 이상으로 수정해보시기 바랍니다. 아니면 그 이상도 괜찮습니다.

      만약 그대로라면 인터넷익스플로러에서만 발생하는 문제로 보입니다. 유튜브가 미디어 영역이라 침범을 못 하는 수도 있겠네요...
  7. 666
    666
    2015/04/13 17:53
    정말 고맙습니다. 귀찮게 질문드려도 친절히 답변해주시고 정말 고맙습니다.건강하시고 복많이 받으세요
    • Walter Erzsa
      Walter Erzsa
      2015/05/14 00:09
      블로그 운영자로서 당연한 일을 했을 뿐입니다. ^^
  8. 흐흐흐흑..
    흐흐흐흑..
    2015/05/13 04:50
    와..드디어 찾으려는 내용을 찾았네요..ㅜㅜ 한 다섯시간 돈거 같은데 ㅜ
    감사 합니다. ㅜㅜ
    • Walter Erzsa
      Walter Erzsa
      2015/05/14 00:09
      도움이 되셨다니 정말 기분이 좋습니다. ^^
  9. 바람처럼
    바람처럼
    2015/05/14 11:26
    정말 감사드립니다.
    귀한 자료덕분에 바로 해결했습니다.
    • Walter Erzsa
      Walter Erzsa
      2015/05/15 17:58
      더 좋은 글을 많이 작성할 수 있도록 하겠습니다.
  10. 감사합니다.
    감사합니다.
    2017/05/26 10:39
    많은 도움이되었어요. 설명도 일일이 해주시고! 감사합니다.