[심심해서..]잘못된 footer를 위한 위험한 극약 정보
[심심해서..]잘못된 footer를 위한 위험한 극약
본문
주의: 이 극약을 쓴다는것은 자신이 패자임을 인정하는 것입니다.
DIV와 CSS로 레이아웃을 짜는게 익숙하지 않아 나중에 footer에 문제가 생기신 분들 중에서
다른 것은 수정하지 않고 footer만 독자적으로 막강한 힘을 가지게하는 방식의
귀차니즘이 절정에 달하시는 분들을 위한 극약입니다. ^^
극약의 재료와 첨가 가능한 조미료들:
width: 100%;
display: block;
clear: both;
float: none;
position: absolute;
left: 0;
position: relative; (position: absolute;와 상하좌우 스타일시트가 적용 안되있다는 조건하에)
z-index: 999;
background: #fff; (사이트 배경에 맞게)
극약을 제조해볼까요?
우선 스타일시트의 적용은 스타일 정의를 따로 작성하거나 태그 안에 넣는 방법이 있습니다.
#var { 속성; } 또는 중에서 자유롭게 선택하십시오.
극약 제조 예제 1(태그의 id값이 footer여야 함)
#footer { width: 100% !important; display: block !important; clear: both !important; float: none !important; }
입맛따라 position: relative;와 z-index 등 다양한 설정 가능.
극약 제조 예제 2(태그의 id값이 footer여야 함)
#footer { position: absolute !important; left: 0 !important; width: 100% !important; }
입맛따라 background와 z-index 등 다양한 설정 가능.
ps. 써서는 아니되오.
DIV와 CSS로 레이아웃을 짜는게 익숙하지 않아 나중에 footer에 문제가 생기신 분들 중에서
다른 것은 수정하지 않고 footer만 독자적으로 막강한 힘을 가지게하는 방식의
귀차니즘이 절정에 달하시는 분들을 위한 극약입니다. ^^
극약의 재료와 첨가 가능한 조미료들:
width: 100%;
display: block;
clear: both;
float: none;
position: absolute;
left: 0;
position: relative; (position: absolute;와 상하좌우 스타일시트가 적용 안되있다는 조건하에)
z-index: 999;
background: #fff; (사이트 배경에 맞게)
극약을 제조해볼까요?
우선 스타일시트의 적용은 스타일 정의를 따로 작성하거나 태그 안에 넣는 방법이 있습니다.
#var { 속성; } 또는 중에서 자유롭게 선택하십시오.
극약 제조 예제 1(태그의 id값이 footer여야 함)
#footer { width: 100% !important; display: block !important; clear: both !important; float: none !important; }
입맛따라 position: relative;와 z-index 등 다양한 설정 가능.
극약 제조 예제 2(태그의 id값이 footer여야 함)
#footer { position: absolute !important; left: 0 !important; width: 100% !important; }
입맛따라 background와 z-index 등 다양한 설정 가능.
ps. 써서는 아니되오.
추천
0
0
댓글 1개
쓰면 어찌되오...?// 궁금해여..ㅠㅠㅋㅋㅋㅋ