묻고답하기
footer부분 css 3등분으로 나누주시면 감사하겠습니다.
2008.04.22 23:35
기본 레이아웃 css를 사용하고 있습니다.
/* Site Layout - Footer */
#footer { margin:0; padding:0; border-top:3px solid #94b0cb; text-align:center; color:#94b0cb; padding:.3em 0 2em; clear:both; background:#eeeeee url(../images/default/copyright.gif) repeat-x left top;}
#footer li { display:inline; padding:0 1em 0 1em; background:url(../images/default/vrType1.gif) no-repeat right center;}
#footer li.first-child { background:none;}
#footer li a { color:#c8c8cb; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }
이렇게 되어 있는데...
footer부분을 3등분하고 싶습니다.그래서 1번째 칸에. 접속카운터 위젯을 넣을고 하는데 .
제 지식으로는 도저히 안되서 이렇게 도움을 청하게 됐습니다...
header부분처럼 h1 h2 h3 h4 이런식으로하니까 쉽게 되는데.
footer는조금 다른 구조인것 같더군요.
고수님 부탁드리겠습니다.
/* Site Layout - Footer */
#footer { margin:0; padding:0; border-top:3px solid #94b0cb; text-align:center; color:#94b0cb; padding:.3em 0 2em; clear:both; background:#eeeeee url(../images/default/copyright.gif) repeat-x left top;}
#footer li { display:inline; padding:0 1em 0 1em; background:url(../images/default/vrType1.gif) no-repeat right center;}
#footer li.first-child { background:none;}
#footer li a { color:#c8c8cb; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }
이렇게 되어 있는데...
footer부분을 3등분하고 싶습니다.그래서 1번째 칸에. 접속카운터 위젯을 넣을고 하는데 .
제 지식으로는 도저히 안되서 이렇게 도움을 청하게 됐습니다...
header부분처럼 h1 h2 h3 h4 이런식으로하니까 쉽게 되는데.
footer는조금 다른 구조인것 같더군요.
고수님 부탁드리겠습니다.
무지막지한 초보가 같은고민을하다가
무식하게 모양만 대강만들어사용중입니다..
그냥 참고만 하세요...
<div id="footer"> 하위메뉴+copyright 부분 </div> <div id="bo_left"> 시계위젯 </div> <div id="bo_right"> 카운터위젯 </div>/* Site Layout - Footer */ #footer { height:50px; background:#3d3d3d; border:3px double #525252;margin:0px; margin-bottom:10px; text-align:center; padding:1em 0 1em; clear:both;} #footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/black/vrType1.gif) no-repeat left center;} #footer li.first-child { background:none;} #footer li a {text-decoration:none; color:#cbcbcb; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} #footer li address {color:#aaa; display:inline;}#bo_left { float:left; position:relative; top:-80px; margin-left:10px;} #bo_right { float:right; position:relative; top:-80px; }