フッターの黒いバーがウィンドウのベースラインに表示されない理由がわかりません。スクロール中に「修正」したくありません。絶対底に
html {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
}
body {
padding-top: 15px; /* 60px to make the container go all the way to the bottom of the topbar */
background: #f7f7f7 repeat-x url(<%=image_path('background.png')%>) top left;
font-family: Helvetica, Arial, sans-serif;
color: #323232;
}
footer{
margin: 0px;
padding: 10px;
background: black;
color: white;
position: absolute;
left:0;
right: 0;
bottom: 0;
}