Прижимаю подвал к низу. Но в браузерах (хром, мозила) появляются скроллы. Оба. Блин, всю голову сломал
Код вот такой:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Тестовая страница</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<!--[if lt IE 9]>
<p class="chromeframe">Ваш браузер устарел.<a href="#">Скачать новый браузер</a></p>
<![endif]-->
<div class="wrapper">
<div class="empty"></div>
</div>
<footer class="footer">
<div class="footer_txt">
А это футер, с текстом внутри. Он должен быть прибит к низу окна браузера,
не зависимо от количества контента на странице и размера окна.
</div>
</footer>
</body>
</html>
html {
width: 100%;
height: 100%;
}
body {
background-image: url(images/gplaypattern.png);
width: 100%;
height: 100%;
}
.wrapper {
min-height: 100%;
overflow: hidden;
position: relative;
}
.empty {
height: 72px;
}
footer {
height: 72px;
margin-top: -72px;
overflow: hidden;
position: relative;
}
Что не так?
Средний
Простой
