ie 에선 position:fixed 구현이 안되므로 꽁수를 써야한다.
이전에 글을 참조하여 더욱 안정적(?)인 fixed 를 구현해보고자 한다.

html 태그에 overflow:auto 항목을 주는 이유는 ie 에선 기본적으로 disabled 된 스크롤바가 나타나는데 이것을 감추기 위함이다.
또한 style 마지막행에 css selector가 기술되는데 ie 에선 파싱하지 못하므로 ie 외 브라우저만 적용이 가능케 된다.


<head>

<style type="text/css">

html{overflow:auto;}

body{

    height:100%;

    overflow:hidden;

    margin:0;padding:0;

}

#body {

       height: 100%;

       overflow:auto;

}

.fixed {position:absolute;}

#body > div.fixed{ position: fixed; }

</style>

</head>

<body>

<div id="body">

       <div class="fixed">

           I'm fixed Layer.

       </div>

</div>

</body>


font-famlily 는 일반적인 특성을 공유하는 폰트의 집합체를 담고 있다.
따라서, 특정한 폰트 지정에 얽매이고 싶지 않은 경우, 폰트 패밀리를 지정하면 된다.

  • sans-serif : 세리프가 없는 폰트들. 매우 깔끔하고 웹에서 읽기 좋다.
    • Verdana
    • Arial Black
    • Trebuchet MS
    • Arial
    • Geneva
  • serif : 세리프가 있는 폰트들. 고상하고 고전적임
    • Times
    • Times New Roman
    • Georgia
  • monospace : 타자기로 친것 같은 폰트들. 같은 간격을 가진다. 코드를 표현할 때 좋다.
    • Courier
    • Courier New
    • Andale Mono
  • cursive : 흘림체. 화려함.
    • Comic Sans
    • Apple Chancery
  • fantasy : 판타지. 화려함
    • Last Minja
    • Impact

+ Recent posts