svv

Рейтинг
355
Регистрация
04.02.2007
У всех такая синусоида?

Так и есть. С чего такая свистопляска?

Есть один жирный конкурент - у него такой фигни нет.

Вроде не косячил нигде, ссылок лишних не покупал, СПАМом не занимаюсь.

100% отказы по метрике.

В общем - это был MSN бот, который зачем то именно так с многих IP сразу заходил с включенными куками (КАК?).

Кто-нибудь в курсе, какой экран якобы у этого бота?

Просто в метрике так же резко возросло количество юзеров с экраном 1024х768 и 79,2% отказов.

В среднем за год с таким экраном всего 3,5% посетителей и 24,3% отказов

100% отказы по метрике.

В низ всех страниц вставил фрагмент PHP кода:

if (stristr($_SERVER['HTTP_USER_AGENT'], 'MSIE 9')){тут записываем данные о юзере в базу}

и, что интересно, НИ ОДНОГО захода, кроме меня, не зафиксировало.

Помогите с адаптивным дизайном
IPXI:
первый сайт из выдачи

Изучил. Интересная статья.

Но тут, к примеру, вниз уводят правый блок. Это, как оказалось, не сложно. А как увести в низ левый блок?

Помогите с адаптивным дизайном
IPXI:
вообще-то не правильно скрывать блоки в hidden, так как они всё равно грузятся, вся суть адаптивного дизайна (скажем так по-уму) в том, чтобы грузить только то, что необходимо и в таком качестве, какое необходимо. В общем то как раз книги хорошо и последовательно это объясняют.

И снова спасибо Вам, жаль плюсануть не получается.

До книги обязательно доберусь :) Никто же не оспаривает эту истину.

Захотелось разобраться прямо сейчас хотя бы в основах, загореться, так сказать.

Просто на текущий момент удовлетворился вылавливанием мобильного устройства по USER AGENT и подсовыванием ему облегченной версии, и Яндекс и Гугл довольны, а, вот, пользователи широкоэкранных планшетов, судя по всему, не очень :)

Помогите с адаптивным дизайном

Да, спасибо, статья интересная.

Но если, вдруг, кто то расщедрится на несложный пример с кодом по вышеприведенной задачке, был бы вообще счастлив :)

Помогите с DIVами и CSS
indenger20:

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

В вышеприведенном примере максимальное значение 1100px

А как прописать для больших размеров?

Эти max-width для таблицы или страницы целиком?

Помогите с DIVами и CSS

Правильно я понимаю, что с помощью @media only screen и делается адаптивный дизайн просто некоторые DIVы скрываются в более узких версиях?

Помогите с DIVами и CSS 

<html>

<head>

<title>Главная новостей города</title>

<style>

.td{border: 3px solid #000;}

.tb{display:inline-block; width:330px; background: #f1f1f1; border: 1px}

.tb:hover{background: #E7E7E7;}

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

.col-1 {

  min-width: 330px;

  width:33%;

  display:inline-block;

  padding: 0 15px;

  box-sizing: border-box;

  vertical-align: top;

}

}

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

.col-1 {

  width:50%;

}

}

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

.col-1 {

  width:100%;

}

}

</style>

</head>

<body>



<div align="center" class="td">



<div style="height: 260px;" class="tb col-1">

Краткая информация о новости №1

</div>



<div style="height: 260px;" class="tb col-1">

Краткая информация о новости №2

</div>



<div style="height: 260px;" class="tb col-1">

Краткая информация о новости №3

</div>



<div style="height: 260px;" class="tb col-1">

Краткая информация о новости №4

</div>



<div style="height: 260px;" class="tb col-1">

Краткая информация о новости №5

</div>



<div style="height: 260px;" class="tb col-1">

Краткая информация о новости №6

</div>



</div>

</body></html>

Все-равно не растягивает :(

Помогите с DIVами и CSS
indenger20:

если хотите в 3 колонки

.col-1 {
  min-width: 330px;
  width:33%;
  display:inline-block;
  padding: 0 15px;
  box-sizing: border-box;
}

Не получается :(

Вариант с одной колонкой растягивает, но нужно, чтобы влезало максимум колонок (в зависимости от ширины экрана) и они растягивались до 100%. К примеру, минимальная ширина колонки 330px, а у пользователя монитор позволяет растянуть основной ДИВ до 1100px - влезают 3, но уже не по 330, а по 367

1... 828384858687888990 ...152
Всего: 1518