Всем привет, мучаюсь уже битый час не могу решить проблему.
В общем есть body, container, block.
html, body - понятно
container - контейнер, где все основное сайта и т.д.
block - некий блок, который по идее должен перекрывать все остальное содержимое cointainer (z-index)
установил html, body {min-height:100%} - дабы растягивался больше, чем на длину экрана браузера.
установил тоже самое контейнеру - чтобы он собственно и растянулся, получилось, хорошо.
block- вот тут проблема этот самый блок должен перекрывать container (это сделал путем z-index), НО он еще и должен растягиваться на длину container (что перекрывать его полностью), т.е. на длину body грубо говоря. Я ему устанавливал min-height:100% ничего не помогало, он только лишь растягивался на длину страницы (т.е. растягивал height на высоту страницы, но при прокрутки вниз - блок зачанчивается)
Ничего не понимаю, и container и block - оба являются детьми body, а body {min-height:100%} - уже растянуто как надо, так почему же container растянут на min-height:100%, а block выглядит как будто на hight : 100% ???
Подозреваю, что из-за position :absolute, которое ему поставил, и relative, которое впелил container, но связи не вижу.
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.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Hoax
Всем привет, мучаюсь уже битый час не могу решить проблему.
В общем есть body, container, block.
html, body - понятно
container - контейнер, где все основное сайта и т.д.
block - некий блок, который по идее должен перекрывать все остальное содержимое cointainer (z-index)
установил html, body {min-height:100%} - дабы растягивался больше, чем на длину экрана браузера.
установил тоже самое контейнеру - чтобы он собственно и растянулся, получилось, хорошо.
block- вот тут проблема этот самый блок должен перекрывать container (это сделал путем z-index), НО он еще и должен растягиваться на длину container (что перекрывать его полностью), т.е. на длину body грубо говоря. Я ему устанавливал min-height:100% ничего не помогало, он только лишь растягивался на длину страницы (т.е. растягивал height на высоту страницы, но при прокрутки вниз - блок зачанчивается)
Ничего не понимаю, и container и block - оба являются детьми body, а body {min-height:100%} - уже растянуто как надо, так почему же container растянут на min-height:100%, а block выглядит как будто на hight : 100% ???
Подозреваю, что из-за position :absolute, которое ему поставил, и relative, которое впелил container, но связи не вижу.
Link to comment
Share on other sites
3 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.