l17l

Рейтинг
83
Регистрация
18.02.2012

Вы наверное меня не понимаете, в центральном блоке тот что до низу, у меня блок по центру в 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 ----------

Вообще м либо блок центральный сделать до низу как то, до футера, либо картинку от центровать что бы не сдвигалась !

Картинкой я блок центральный де контент ! проливаю по фону белому до футера ) вот такой способ я нашел )

Jor:
Главное высоту футера укажите, и отметьте "прижать футер к низу окна браузера"

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>

Выглядит это так: все ок, растягивается. но есть проблема, блок то центральный не растягивает, который я и хотел растянуть )

Загрузил фон, а скачать не мог обработанный ! чет там ничего не пойму.

Вы программируете? на фраемворке.

Лучше и понятнее когда два блока ! а то когда один и все в кучу ) солянка.

Нашел решение через js


<script type="text/javascript">
$(document).ready(function() {

$("#dvatov").click(function() {
$("#vid1").hide();
$("#ib-containertov").show();
});

$("#odintov").click(function() {
$("#ib-containertov").hide();
$("#vid1").show();
});

});
</script>

но есть проблема, там же пагинация, и если переходить по страницам, то скидывается вид ! тот что выбрал.

Все вопрос решил !

Legalen:
Решаю подобные проблемы подбором библиотеки подходящей под все задачи. Версия за версией, и всё получается!

вы готовы переписать библеотеку или как ? поподробнее...

---------- Добавлено 31.12.2014 в 00:45 ----------

Egoistik:
// подключаем jQuery 1.8.1

var $jq181 = jQuery.noConflict(true); // сохраняем ссылку
// подключаем jQuery 1.4.1
var $jq141 = jQuery.noConflict(true); // сохраняем ссылку

;(function($) {
// старый плагин, который использует jQuery 1.4
}($jq141));

;(function($) {
// чуть новее, использует jQuery 1.8
}($jq181));

но такой вариант КРАЙНЕ не желателен

не совсем понял ! это куда и что куда вставить.

---------- Добавлено 31.12.2014 в 01:21 ----------

у меня там конфликтует форма обратной связи !

там

<script src="jslanding/jquery-1.9.1.min.js"></script>

igor3310:
уберите 1 библиотеку джиквери

в этом то и прикол, если убрать ! то работать что то не будет !

Всего: 325