쉬운 CSS를 고정 꼬리말

저는 거기에 CSS를 사용하는 방법에 고정 바닥글에 대한 튜토리얼들을 많이 봤어요. 그들의 대부분이 필요한 모든 종류의 중첩된 div는, 포장지, 그리고 기타 등등. 정말,이 코드는 간단합니다 복사할 수 있으며 거의 모든 웹사이트에 붙여넣을 최대로 설정 템플릿 전체를 수정하지 않고있다. 아래를 참조하십시오.

  CSS 파일 : 
  . footer_spacer ( 
  고도 : 60px;) / *이 높이거나보다 큰 평등해야한다 
  꼬리말.  그의 네 바닥글에 의해 차단되지 않습니다 * 콘텐츠를 보장 / 
  # 바닥글 ( 
  위치 : 고정; / * 모든 * 이동에서 계속 / 
  하단 : 0; / * 화면의 하단 * 보관 / 
  폭 : 100 %; / * 본문 태그의 너비 * 채우기 위해 뻗어 / 
  고도 : 30px; / * 높이를 조절합니다.  로 또는 그 이하해야한다 
  footer_spacer 높이 * / 
  ) 

  HTML을 : 
  를 <div 클래스 = "footer_spacer"> </ div는> <! - 아무것도 여기에 간다.  이있다 
  그냥 공백.  -> 
  를 <div = "footer"> 여기 </ div는> <! - 이것은이다 바닥글 콘텐츠를 입력하고 ID를 
  실제 바닥글.  CSS를 사용하여 귀하의 요구에 스타일 -> 

그리고 그것입니다. 나머지는 footer_spacer 분주에 따라서 어떤 콘텐츠를 제거 바닥글에 대한 귀하의 페이지의 나머지는 아래 "버퍼"고 잘라 만듭니다. 귀하의 웹페이지를 사용하는 경우, 수레를 읽어보십시오. 다음 복사하여 기존의 웹 페이지에 아무런 문제가 없으면이 붙여넣을 수 있어야한다. 7, FF2, FF3와 Safari에서 테스트를 거침. 뿐만 아니라 6에서 작동합니다.

사용하면, 내 페이지의 일부로서, 단 하나의 작은 수정을해야 할 수레. div는 증가되고있는 footer_spacer의 입장을 수용하여 수레가 필요할 수있습니다. 또한, = "clear:both;"> </ div는> the footer_spacer div는 전에 확실히를 <div 스타일 추가가 올바르게 자리매김하도록해야합니다. 어떤 문제를 점점 실행과 e - dcostalis@gmail.com에서 날 메일을 주시기 바랍니다.

그것을 우연히 발견!

게시물 정보

이 항목은 일요일, 12 월 9, 2007 및 게시는 CSS, 개발중인 소송이다. 그것이 1241 조회

태그 : CSS를, div는 레이아웃

덧글 피드. | 둬 코멘트 | 트랙백 남겨주세요.

이전 포스트 : Wordpress, 그리고 완벽한 사람은 아니에요 그래서 내 문법»입니다
다음 게시물 : 윈도우 비스타 서비스 팩 1 RC1이»

대부분의 게시물을 조회