私のページのフッター: http://cinicraft.com/site2.0/index.html
「CONTENT」と表示されているメイン コンテンツ ウィンドウの下にあるはずですが、「CiniCraft (c) 2013 All Rights Reserved」と表示されているフッターの真上に移動できないようです。
HTML5 での私のコードは次のとおりです。
<body>
<div>
<div class="newsBtn">
<h2>News</h2>
</div>
<div class="instaCraftBtn">
<h2>InstaCraft</h2>
</div>
<div class="youTubeBtn">
<h2>YouTube</h2>
</div>
<div class="contactBtn">
<h2>Contact</h2>
</div>
<div class="contentWindow">
CONTENT
</div>
</div>
</body>
<footer>
<div class="dock">
CiniCraft (c) 2013 All Rights Reserved
</div>
</footer>
これは、コンテンツとフッターの CSS コードです。
div.contentWindow
{
float:right;
text-align:center;
background-color: #000000;
width:900px;
height:900px;
padding:1px;
margin:5px;
}
div.dock
{
overflow-y: hidden;
position:relative;
left:-10px;
background-color: black;
padding:1px;
border:5px solid black;
margin-top: 120px;
}
フッターをコンテンツ ウィンドウのすぐ下に配置するにはどうすればよいですか? ありがとう