Все отображается нормально. Но тут для адаптивности шаблона под мобильники (на мобильниках планируется вывод сайдбара под контентом) потребовалось поменять местами content_div и sidebar. При этом sidebar съехал вниз под content_div. Поместил контент сайдбара в дополнительный блок и установил position: absolute:
Опять все в норме, за исключением того, что сайдбар может уйти за пределы экрана при маленькой высоте контента, т.к. position: absolute. Можно добавить min-height к контенту со значением больше максимальной высоты сайдбара, но контент сайдбара динамический и часто изменяется. Могут появиться лишние пустые пространства, а если добавить много контента, то придется снова править css, чтобы сайдбар не уехал за пределы экрана.
Как можно решить эту проблему без использования js, чисто через css? Или может есть какие другие способы разместить сайдбар под контентом так, чтобы осталась предыдущая верстка?
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
zevilz
Сначала был примерно вот такой код:
с таким css:
Все отображается нормально. Но тут для адаптивности шаблона под мобильники (на мобильниках планируется вывод сайдбара под контентом) потребовалось поменять местами content_div и sidebar. При этом sidebar съехал вниз под content_div. Поместил контент сайдбара в дополнительный блок и установил position: absolute:
Опять все в норме, за исключением того, что сайдбар может уйти за пределы экрана при маленькой высоте контента, т.к. position: absolute. Можно добавить min-height к контенту со значением больше максимальной высоты сайдбара, но контент сайдбара динамический и часто изменяется. Могут появиться лишние пустые пространства, а если добавить много контента, то придется снова править css, чтобы сайдбар не уехал за пределы экрана.
Как можно решить эту проблему без использования js, чисто через css? Или может есть какие другие способы разместить сайдбар под контентом так, чтобы осталась предыдущая верстка?
Заранее спасибо за ответы.
Link to comment
Share on other sites
14 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.