|
|
|
| http://prodpak.ru - это макет, как видно сайдбар выходит за границы содержимого родительского элемента и перекрывает футер.
Как сделать, чтобы в зависимости от содержимого сайдбара родительский элемент вытягивался в высоту автоматически, а сайдбар не перекрывал футер, и наоборот, чтобы при добавлении контента в родительский элемент -сайдбар растягивался до футера? | |
|
|
|
|
|
|
|
для: kipes
(14.04.2013 в 17:18)
| | ссылка на ваш макет - она не очень помогла
там только ваше понимание "Логотипчика" вырисовывается
а вот что вы подразумеваете под терминами "футер", "подвал", "сайдбар" - не очень пока понятно
либо конкретно пропишите на своём макете - как какая область называется (как с "Логотипчиком")
либо объясните вашу проблему РУССКИМ языком - без неологизмов и спецтерминов, смысл которых мы с вами можем понимать очень по-разному
например, что в вашем понимании отличает "футер" от "подвала"?
если это одно и то же, то почему одно и то же вы называете разными именами?
если это разные вещи, то объясните их принципиальное различие
PS. надеюсь, что русский язык - он для вас родной | |
|
|
|
|
|
|
|
для: ЯСА
(14.04.2013 в 19:13)
| | >а вот что вы подразумеваете под терминами "футер", "подвал", "сайдбар" - не очень пока понятно
про "подвал" я ничего не писал, это вы уже за чем-то приписали
>либо конкретно пропишите на своём макете - как какая область называется (как с "Логотипчиком")
>либо объясните вашу проблему РУССКИМ языком - без неологизмов и спецтерминов, смысл которых мы с вами можем понимать очень по-разному
а что тут непонятного? Общедоступные устоявшиеся понятия, "футер"-подвал сайта (http://htmlbook.ru/html/footer), "сайдбар"-второстепенное меню/навигация справа или слева от основного контента. Про "header" - думаю найдете.
>PS. надеюсь, что русский язык - он для вас родной
а если не русский, то что? | |
|
|
|
|
|
|
|
для: kipes
(14.04.2013 в 21:45)
| | >>> про "подвал" я ничего не писал
"я не могу понять как мне сделать чтобы подвал был виден" - это разве не написано у вас на макете?
>>> "сайдбар"-второстепенное меню/навигация справа или слева от основного контента.
есть старый прикол: по улице идут две подружки, держась за руки, а за ними - группа молодых ребят, которые громко обсуждают внешность впереди идущих, в т.ч. звучит фраза "та, что с краю - красивая, а другая - страшная"
мысль поняли?
у вас на макете всего ДВЕ вертикальные колонки
какая из них "сайдбар", а какая "основной контент", знаете только вы и никто другой
>>> а если не русский, то что?
я вполне толерантен, сиречь интернационалист (в хорошем смысле этого слова), т.е. полагаю, что тупость и говнистость конкретного человека ни в коей мере не определяются его расой или национальностью
в общем, если вы заподозрили меня в национализме, то вы ошиблись :)
мой лозунг "Россия только для русских, как канализация - только для говна!" (по национальности полагаю себя русским, но знаю, что прабабка моей матери была татаркой, а у отца прапрадед был чехом из Праги)
я имел в виду, что, если русский не ваш родной язык, то тогда вам, увы, возможно:
-- трудно будет меня понять
-- трудно будет выполнить мою просьбу "РУССКИМ языком объяснить вашу проблему" | |
|
|
|
|
181.2 Кб |
|
|
для: kipes
(14.04.2013 в 17:18)
| | В чем проблема? Убираем у div.header высоту, или ставим min-height. | |
|
|
|
|
|
|
|
для: Deed
(14.04.2013 в 20:21)
| | что-то вы не то написали. Колонка где "Производители" переходит границы подвала, - от сюда суть вопроса в моем первом сообщении... | |
|
|
|
|
|
|
|
для: kipes
(14.04.2013 в 21:51)
| | Знач так. Удалите все эти "абсолюты". Весь текст в <div class="layer"> с последними параграфами <p> засуньте в <div>. Пусть это будет <div class="left-text">, к примеру. В стилях <div class="sidebar"> пропишите float:right, и поместите его ПЕРЕД <div class="left-text">.
То есть будет так:
<div class="layer">
<div class="sidebar">
<div class="left-text">
</div> | |
|
|
|
|
|
|
|
для: Deed
(15.04.2013 в 08:14)
| | нет, не получилось.
код обновил | |
|
|
|
|
|
|
|
для: kipes
(15.04.2013 в 15:35)
| | Ладно, приду с работы - сделаю. | |
|
|
|
|
1000 байт |
|
|
для: kipes
(14.04.2013 в 17:18)
| | Прошу прощения, немного лень было полностью разбирать ваш код, но попробую посоветовать. Для <div> content и sidebar, если еще не сделано, то обернуть в общий <div> и задать ему свойство css overflow:(например hidden).
Прикладываю мое решение подобного макета. Поковыряйте его. Мне в свое время помогло понять. | |
|
|
|
|
|
|
|
для: Zezst
(15.04.2013 в 12:44)
| | С overflow я кажется погорячился. Правильнее будет для общего <div> задать width:100%; float:none. | |
|
|
|
|
2.2 Кб |
|
|
для: kipes
(14.04.2013 в 17:18)
| | Держи: | |
|
|
|
|
|
|
|
для: Deed
(15.04.2013 в 20:32)
| | да, получилось то, что я и хотел, спасибо, теперь буду разбираться в свойствах CSS | |
|
|
|
|
|
|
|
для: Deed
(15.04.2013 в 20:32)
| | Мужик помоги пожалуйста, я понимаю давно было но все таки я уже неделю не могу исправить ту же ерунду как и у kipes'a
http://m-parlament-kiz.ru/ в правом сайдбаре, счетчик, как и в принципе все что больше уже в ручную установленного размера страницы вылазит за футер будто его и нет вообще, зрение уже убил в поисках решения,rnзаранее спасибо
UPD, Вопрос исчерпан кривой шаблон заменил | |
|
|
|