У html и body высота попросту меньше всей страницы с информацией (у меня background - фон прикреплен к низу Body,поэтому очень важно чтобы картинка была в конце страницы). Попробовал сменить height на min-height (=100%) у body/html, и они прибавили в высоте, но до сих пор не достают до конца. Вычитал что проблема лечится , если прописать DOCTYPE html (у меня его вообще не было). Прописал, body не увеличился, но появился какой-то чертов shadow-root из-за которого некоторые стили отменились и теперь пол верстки коту под хвост. shadow-root появляется после html и только в браузере, не знаю как убрать его (пытался искать, но без результатов) и как растянуть body/html до конца. Буду рад любым советам, все перепроверю :(
2 ответа
<!doctype html>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background: url(//www.gravatar.com/avatar/af05a1cb13d41f0e2e8a4b0f2f5d889e?s=32&d=identicon&r=PG) repeat;
}
body {
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
}
А весь код хтмл код обверни в
<div class="wrapper">
твой код
</div>
и что-то в духе
.wrapper {
min-height: 100%;
}
Теоретически должно сработать. +Используй normalize.css или reset.css
body
а тем болееhtml
совершенно безсмысленное занятие, а вот потянутьdiv
можно