а вот если с телефона смотреть то не до самого низа ! как для телефона сделать? если повернуть тел ! то норма ! а если в длинную то с низу место !
да я нашел решение, через картинку что бы фон до низу был ))) сделал !
---------- Добавлено 22.01.2015 в 23:23 ----------
Все та ки нашел проблему, если сужать сайт, то фон двигается ! как его за стабилизировать !
просто я сделал его под разные мониторы ! 3000px в длину в ширину 45px! а в низ фон дублируется тем самым и до самого футера.
а по середине фона 1100px, белый фон, я от центровал картинку и все ок, но если сужать браузер, то фон уходит ! как бы его за стабилизировать ? что бы центр фона был по центру !
---------- Добавлено 23.01.2015 в 00:03 ----------
Вообще м либо блок центральный сделать до низу как то, до футера, либо картинку от центровать что бы не сдвигалась !
Картинкой я блок центральный де контент ! проливаю по фону белому до футера ) вот такой способ я нашел )
P.S. То что у вас на скрине розовым - background для body, белый - для .wrapper
Это кросбрайзерная верстка?
Так как бы я то же самое и сделал, но там где на скрине белая полоска, надо что бы до низу была и фон этот розовый был !
Можно реализовать, сделав картинку и от центровать ! что быд о самого низа была ! тогда реально.
Просто на вашем методе если я добавлю по середине блок он так же до низу не будет !
---------- Добавлено 22.01.2015 в 11:30 ----------
Там когда слайдер бар добавляешь, он не до самого низа ) просто можно добавить слайдбар и отцентровать его, я проверил ! но он не до футера !
Реально реализовать можно через картинку ! сделать где розовый фон, длинную в ширину 3000 пикселей и присвоить center, тогда фон до низу будет ))) вот решение. #wrap {min-height: 100%; background:url(werenabg.jpg) center }
Вы наверное меня не понимаете, в центральном блоке тот что до низу, у меня блок по центру в 1100px, вот его до низу растянуть надо.
---------- Добавлено 23.01.2015 в 10:59 ----------
Нашел решение центрирования картинки
background: url(../img/werenabg.jpg) 50% 50% fixed;
Щас во всех брайзерах и на телефоне все гоод.
а вот если с телефона смотреть то не до самого низа ! как для телефона сделать? если повернуть тел ! то норма ! а если в длинную то с низу место !
да я нашел решение, через картинку что бы фон до низу был ))) сделал !
---------- Добавлено 22.01.2015 в 23:23 ----------
Все та ки нашел проблему, если сужать сайт, то фон двигается ! как его за стабилизировать !
просто я сделал его под разные мониторы ! 3000px в длину в ширину 45px! а в низ фон дублируется тем самым и до самого футера.
а по середине фона 1100px, белый фон, я от центровал картинку и все ок, но если сужать браузер, то фон уходит ! как бы его за стабилизировать ? что бы центр фона был по центру !
---------- Добавлено 23.01.2015 в 00:03 ----------
Вообще м либо блок центральный сделать до низу как то, до футера, либо картинку от центровать что бы не сдвигалась !
Картинкой я блок центральный де контент ! проливаю по фону белому до футера ) вот такой способ я нашел )
Главное высоту футера укажите, и отметьте "прижать футер к низу окна браузера"
P.S. То что у вас на скрине розовым - background для body, белый - для .wrapper
Это кросбрайзерная верстка?
Так как бы я то же самое и сделал, но там где на скрине белая полоска, надо что бы до низу была и фон этот розовый был !
Можно реализовать, сделав картинку и от центровать ! что быд о самого низа была ! тогда реально.
Просто на вашем методе если я добавлю по середине блок он так же до низу не будет !
---------- Добавлено 22.01.2015 в 11:30 ----------
Там когда слайдер бар добавляешь, он не до самого низа ) просто можно добавить слайдбар и отцентровать его, я проверил ! но он не до футера !
Реально реализовать можно через картинку ! сделать где розовый фон, длинную в ширину 3000 пикселей и присвоить center, тогда фон до низу будет ))) вот решение. #wrap {min-height: 100%; background:url(werenabg.jpg) center }
Нашел еще одно решение
<style>
* {margin:0;padding:0;}
html, body {height: 100%;}
#wrap {min-height: 100%; background-image:url(werena.jpg)}
#main {overflow:auto;
padding-bottom: 180px;}
.contr{
margin-left:auto;
margin-right:auto;
width:1100px;
background-color:#ffffff;
min-height:100%;
height:100%
}
#footer {position: relative;
margin-top: -180px;
clear:both;
background:#000;
height:180px;
}
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
<!--[if !IE 7]>
<style type="text/css">
#wrap {display:table;height:100%}
</style>
<![endif]-->
<div id="wrap">
<div style="height: 150px; background:#ccc">верх</div>
<div id="main">
<div class="contr">
контент
</div>
</div>
</div>
<div id="footer">
низ
</div>
Выглядит это так: все ок, растягивается. но есть проблема, блок то центральный не растягивает, который я и хотел растянуть )
http://www.fontsquirrel.com/tools/webfont-generator
Загрузил фон, а скачать не мог обработанный ! чет там ничего не пойму.
Вы программируете? на фраемворке.
Лучше и понятнее когда два блока ! а то когда один и все в кучу ) солянка.
Нашел решение через js
но есть проблема, там же пагинация, и если переходить по страницам, то скидывается вид ! тот что выбрал.
Все вопрос решил !
Решаю подобные проблемы подбором библиотеки подходящей под все задачи. Версия за версией, и всё получается!
вы готовы переписать библеотеку или как ? поподробнее...
---------- Добавлено 31.12.2014 в 00:45 ----------
но такой вариант КРАЙНЕ не желателен
не совсем понял ! это куда и что куда вставить.
---------- Добавлено 31.12.2014 в 01:21 ----------
у меня там конфликтует форма обратной связи !
там
<script src="jslanding/jquery-1.9.1.min.js"></script>
уберите 1 библиотеку джиквери
в этом то и прикол, если убрать ! то работать что то не будет !