1) самый Ъ способ прижать футер к низу - это сделать его абсолютно спозиционированным относительно body и прописать ему bottom: 0 (это если не вдаваться в детали). А для этого нужно что бы html и body, при малом колве контента были распахнуты на весь экран, а при большом - тянулись.
2) высота html, как и любого блочного элемента рассчитывается по контенту. Если контента мало, то нужно распахнуть высоту html по высоте области просмотра (viewport, на весь экран, короче), но так, что бы когда контента станет больше, высота html начала тянуться по контенту. Это очень просто:
html { min-height: 100%;}
3) Тоже самое нужно сделать и с body. Нужно что бы он точь-в-точь повторял высоту html. И тут начинается кошмар.
Известно, что высота в % будет работать только если у элемента-родителя задана фиксированная высота (исключение - если дочерний элемент с position: absolute, то тогда для него будет работать высота в %, даже если у родителя не задана фиксированная высота), а min-height не считается фиксированной высотой. Следовательно min-height: 100% на теге body не будет иметь абсолютно никакого эффекта.
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
Evkaky
Тема избитая, но что-то никак не получается.
Как я рассуждаю:
1) самый Ъ способ прижать футер к низу - это сделать его абсолютно спозиционированным относительно body и прописать ему bottom: 0 (это если не вдаваться в детали). А для этого нужно что бы html и body, при малом колве контента были распахнуты на весь экран, а при большом - тянулись.
2) высота html, как и любого блочного элемента рассчитывается по контенту. Если контента мало, то нужно распахнуть высоту html по высоте области просмотра (viewport, на весь экран, короче), но так, что бы когда контента станет больше, высота html начала тянуться по контенту. Это очень просто:
3) Тоже самое нужно сделать и с body. Нужно что бы он точь-в-точь повторял высоту html. И тут начинается кошмар.
Известно, что высота в % будет работать только если у элемента-родителя задана фиксированная высота (исключение - если дочерний элемент с position: absolute, то тогда для него будет работать высота в %, даже если у родителя не задана фиксированная высота), а min-height не считается фиксированной высотой. Следовательно min-height: 100% на теге body не будет иметь абсолютно никакого эффекта.
И всё, тупик, безысходность.
Edited by EvkakyЧто же делать?
http://jsfiddle.net/8PsDx/
Точнее, вот:
http://jsfiddle.net/75upz/1/
Link to comment
Share on other sites
9 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.