maomas

maomas (29 Ноябрь 2014 - 13:40) писал:

<script type="text/javascript">
jQuery(function($){
$("#callback_phone").mask("+7 (999) 999-9999");
});
</script>

maomas (01 Октябрь 2014 - 06:59) писал:

Спасибо! Но теперь при минимальной ширине окна браузера такая картина:




И в Internet Explorer 8 картинка также пропадает при смещении полосы прокрутки вправо...

@media only screen and (max-width: 479px)

.container {
width: 300px;
}

.container {
width: 300px;
z-index: 5;
}

maomas (06 Октябрь 2014 - 21:24) писал:

@media only screen and (max-width: 479px)
.nav-container .menu_block_dropdown {
background-color: #000;
list-style: none;
margin: 0;
padding: 15px 0 0 0;
width: 300px;
display: none;
position: absolute;
top: 36px;
left: 0;
z-index: 99999;
}

@media only screen and (max-width: 479px)
.nav-container .menu_block_dropdown {
background-color: #000;
list-style: none;
margin: 0;
padding: 15px 0 0 0;
width: 300px;
display: none;
top: 36px;
left: 0;
z-index: 99999;
}

maomas (01 Октябрь 2014 - 15:32) писал:

@media only screen and (max-width: 479px) {
  .hidden-phone {display: none !important;}
  .container { width: 300px; z-index: 5;}

@media only screen and (max-width: 479px) {
  .hidden-phone {display: none !important;}
  .container { width: 300px; }

maomas (01 Октябрь 2014 - 15:10) писал:

Вот:

}

  #columnLeft {display:none;}

maomas (30 Сентябрь 2014 - 07:03) писал:

Здравствуйте!
Обратил внимание, что элементы сайта подстраиваются под ширину окна браузера. Это очень удобно, особенно для небольших экранов смартфонов. Но есть некоторые проблемы... Возможно, сам накосячил, когда убирал слайдер и промо-блок(((

Суть вот в чем:

Скрытый текст

Имеем окно растянутое на весь экран (рис. 1) - замечаний нет.



Далее делаем окно более узким (рис. 2) - также, замечаний нет.



Продолжаем сжимать (рис. 3) - всё окей.



А вот дальше начинается ерунда какая-то (рис. 4). Логотип был ужат до 32% и нисколько не читался (я его немного увеличил). Меню и поиск съехали куда-то вниз и теперь вид у сайта, как будто он немного посыпался... Но это полбеды! Кликая на меню, ничего не происходит((( То есть меню должно раскрываться, но у меня, даже, курсор не меняется на руку с пальцем. Причем это у меня происходит в браузере Chrome (на смартфоне с браузером Chrome та же ерунда). Если смотреть сайт на смартфоне в других браузерах - всё прекрасно работает.



Те же проблемы (кроме логотипа) и при максимальном сжатии окна браузера (рис. 5)



А, вот, в Internet Explorer 8 другая проблема. При уменьшении ширины окна браузера сайт не адаптируется, как это было в Хроме и если сдвинуть полосу прокрутки вправо, чтобы посмотреть скрытую часть сайта - пропадает часть изображения (рис. 6)

Помогите, пожалуйста! Заранее большое спасибо! :-)

#bodyWrapper {
position: relative;
height: 100%;
}

#bodyWrapper {
position: relative;
height: 100%;
z-index: 10;
}

@media only screen and (max-width: 767px) and (min-width: 480px)

.container {
width: 460px;
}

.container {
width: 460px;
z-index: 5;
}

maomas (03 Август 2014 - 11:02) писал:

.home #header{height: auto;text-align: left;position: absolute;background: none;z-index: 1000;left: 50%;margin-left: -600px;}

.home #header {
margin-left: -480px;
}

.home #header {
margin-left: -220px;
}

.home #header {
margin-left: -150px;
}