창의 중간으로 게시판이 안와요;ㅅ;
게시판에 상단,하단내용을 이용해서 메뉴를 링크걸었거든요.
상단내용은
<title>index</title>
<style type="text/css">
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form{margin:0; padding:0}
#img {border:0; }
#layout {margin:0 auto; width:800px; height:300px; text-align:center;}
#top {text-align:center; width:800px; border:0; margin-right:0; margin-left:0; margin-bottom:0; margin-top:0; margin:0 auto; }
#middle{ width:800px; height:800px; background:#FFF; margin:0 auto; text-align:center;}
#bottom{ width:800px; height:200px; background:#000; margin:0 auto; text-align:center;}
#a:link {text-decoration: none; color:#FFF;}
#a:visited {text-decoration: none; color:#FFF;}
#a:active {text-decoration: none; color:#FFF;}
#a:hover {text-decoration:none; color:#FFF;}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="layout">
<div id="top">
top내용 </div>
<div id="middle">
이고 하단 내용은
</div>
<div id="bottom"></div>
</div>
</body>
</html>
인데 도저히 왜 안되는지 모르겠어요ㅠㅠ
혹시 게시판 설정에 게시판 중앙정렬하는게 있나요ㅠㅠ?알려주세요ㅠㅠ
참고로 게시판글은middle에 들어가야해여ㅠㅠ
상단내용은
<title>index</title>
<style type="text/css">
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form{margin:0; padding:0}
#img {border:0; }
#layout {margin:0 auto; width:800px; height:300px; text-align:center;}
#top {text-align:center; width:800px; border:0; margin-right:0; margin-left:0; margin-bottom:0; margin-top:0; margin:0 auto; }
#middle{ width:800px; height:800px; background:#FFF; margin:0 auto; text-align:center;}
#bottom{ width:800px; height:200px; background:#000; margin:0 auto; text-align:center;}
#a:link {text-decoration: none; color:#FFF;}
#a:visited {text-decoration: none; color:#FFF;}
#a:active {text-decoration: none; color:#FFF;}
#a:hover {text-decoration:none; color:#FFF;}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="layout">
<div id="top">
top내용 </div>
<div id="middle">
이고 하단 내용은
</div>
<div id="bottom"></div>
</div>
</body>
</html>
인데 도저히 왜 안되는지 모르겠어요ㅠㅠ
혹시 게시판 설정에 게시판 중앙정렬하는게 있나요ㅠㅠ?알려주세요ㅠㅠ
참고로 게시판글은middle에 들어가야해여ㅠㅠ
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
익스가 margin:0 auto 가 ㅈㅈ
body{text-align:center;} 로 중앙정렬을 주고
#layout {margin:0 auto; width:800px; height:300px; text-align:left;}
레이아웃에다가 text-align:left; 로 기본적으로 글자를 좌측정렬로 다시 바꾸어 줍니다.
<title>index</title>
<style type="text/css">
body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, h5, h6, form{margin:0; padding:0}
body{text-align:center;}
#img {border:0; }
#layout {margin:0 auto; width:800px; height:300px; text-align:left;}
#top {}
#middle{height:800px;background-color:#FFF;}
#bottom{height:200px; background-color:#000;}
#a:link {text-decoration: none; color:#FFF;}
#a:visited {text-decoration: none; color:#FFF;}
#a:active {text-decoration: none; color:#FFF;}
#a:hover {text-decoration:none; color:#FFF;}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="layout">
<div id="top">
top내용 </div>
<div id="middle">
이고 하단 내용은
</div>
<div id="bottom">11</div>
</div>
</body>
</html>