묻고답하기
제로보드4 pl2 사용중인 개인홈페이지를 리뉴얼중인데요.
2009.04.03 00:09
간단한 페이지라 스타일은 전부 헤더에 넣었구
스타일시트중에 position:fixed 같은게 안먹네요...
제로보드를 만져본지가 거진 8년만이라서 하나도 모르겠네요.
웹을 만지는것도 에딧플러스로 직접 코딩시작한 것도 얼마 안되서 초보인지라 답답하기만 하네요.
페이지중 한페이지 통째로 올려봅니다.
/*-----------------------------스타일시트----------------------------------------*/
*{margin:0,padding:0,border:0;font-family:"돋움",dotum;font-size:12px;list-style:none;text-align:justify;}
body,dl,ul,ol,li,dd,dt,p,img,h1,h2,h3,h4,h5,h6,th,td,tr{margin:0;padding:0;border:0;}
html{text-align:center;}
body{width:800px;margin:0 auto;background:url('img/bg_middle.jpg') repeat-y center top;}
div#main{position:absolute;background:url('img/bg_top_7.jpg') no-repeat left top;width:800px;height:400px;}
div#main ul.nav{margin:60px 0 0 30px;}
div#main ul li{display:inline;}
div#main ul li.about{margin-left:100px;}
div#contents{margin:40px 50px 65px 40px;}
div#footer{position:fixed;left:center;bottom:0;background:url('img/bg_bottom.jpg') no-repeat left bottom;width:800px;height:65px;}
div#footer ul{padding:10px 0 0 460px;}
div#footer a{text-decoration:none;color:#494949;font-size:11px;}
div#footer ul li{display:inline;}
</style>
</head>
<body>
<div id="main">
<ul class="nav">
<li class="josep"><a href="main.html"><img src="img/logo.jpg" alt="명박크루" /></a></li>
<li class="about"><a href="about.html"><img src="img/nav_about.jpg" alt="이곳은 뭐하는 곳인가요" /></a></li>
<li class="day"><a href="day.html"><img src="img/nav_day.jpg" alt="일상" /></a></li>
<li class="life"><a href="life.html"><img src="img/nav_life.jpg" alt="인생" /></a></li>
<li class="talk"><a href="talk.html"><img src="img/nav_talk.jpg" alt="대화" /></a></li>
<li class="pic"><a href="pic.html"><img src="img/nav_pic.jpg" alt="사진" /></a></li>
<li class="movie"><a href="mov.html"><img src="img/nav_mov_clk.jpg" alt="영화" /></a></li>
</ul>
<div id="contents">
/*----------------------------------------------------------------------제로보드--------------------------------------------------------------------------*/
</div>
</div>
<div id="footer">
<ul>
<li><a href="#">| HOME</a></li>
<li><a href="#">| ABOUT</a></li>
<li><a href="#">| 일상</a></li>
<li><a href="#">| 인생</a></li>
<li><a href="#">| 대화</a></li>
<li><a href="#">| 사진</a></li>
<li><a href="#">| 영화</a></li>
<li><a href="#">|<span style="font-weight:bold"> top </span>|</a></li>
</ul>
</div>
</body>
</html>
푸터부분을 position:fixed해서 bottom:0으로 고정시켜놧는데 지멋대루 ㅠ.ㅜ
애초에 bg이미지구조를 개같이해놔서 fixed가 꼭 필요한데
전혀 통하지않아서 답답합니다 도와주세요~ html고수분들~~
