하단 풋터고정

CSS 2012. 6. 7. 13:13

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>NEW</title>
<style type="text/css">
* {

margin: 0;

}

html,body {
height:100%;

}
.wrapper {
min-height:100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer {

height: 4em;

background:red;

}
</style>

</head>

<body>

<div class="wrapper">
<p>Your website content here.</p>
</div>
<div class="footer">
<p>Copyright (c) 2011</p>
</div>
</body>
</html>

[출처] 하단 풋터고정하기|작성자 이슬

One-Time Expression 한번만 실행시키자. (0)	2012.07.27
대체 텍스트기법 (0)	2012.06.27
스크립트 에디터 (0)	2012.05.23
CSS3로 만든 아이폰 (0)	2012.03.20
max-width:100% (0)	2012.01.03

:

스크립트 에디터

CSS 2012. 5. 23. 17:51

스크립트형 에디터를 넣을때 기존 css 와 에디터 css 가 충돌해서 view 화면에서 line-height가 어그러지는 경우가 있다.

보통 line-height에 단위값을 넣어주게 되는데 em, %등의 단위를 넣지 않은 기본 숫자는 글자의 배수로 표현되게 된다.

따라서 에디터에서의 충돌을 방지하기 위해서는 line-height 를 넣을때 기본 숫자로 common 파일을 셋팅하면 될듯하다.

1.2, 1.5, 1.8 을 제일 많이 쓴듯.

:

HTML 2012. 5. 23. 17:43

책 참고

: