Igor Schnaider

Или так, если я правильно понял ;-)

Как сделать, чтобы div были одинаковые по высоте?

Типичная таблица. table, display: table или flexbox.

Подождите, так вы про background-size говорите, а не про картинку?

Вот сейчас даже на эмуляторе видно это, так что все ok ;-)

У вас в стилях (media.css) прописано:

@media screen and (max-device-width: 480px) and (orientation: portrait) and (device-aspect-ratio: 2/3) {   ...    .trainer-block-wrapper:after {        background-size: 350px 100%;    }   ...}

Может, auto 100%.

 

Нет, на 6.1 смотрел.

Ну, так ведь проблема на версии ниже 6.

 

Да, я невнимательно посмотрел. Сейчас проверил на 5.1 - все то же самое. В общем, проверил вплоть до 9 версии (на эмуляторе), везде нормально отображает.

Но все равно не понимаю, зачем ему тянуть картинку по высоте контейнера? Странно как-то.

http://cs631924.vk.m..._vc3tNhHz-8.jpg-фон, там bachground-size: auto 100%; http://cs631924.vk.m...nj8gkgWFdK8.jpg- начало картинки, http://cs631924.vk.m..._4SrKzTz238.jpg - конец картинки Высота на auto или 100% не работает

А можете показать разметку со стилями?

Возможно потому, что у вас ОС там стоит более свежая? Вроде на iPhone 5 можно как минимум iOS 7 ставить.

Нет, на 6.1 смотрел.

На эмуляторе всё ок.

А я раньше полагался на него при тестировании верстки.

Странно, я посмотрел на 4s, 5 и 5s и ничего такого не увидел. Можете показать ваш пример, просто интересно стало.

Смотрел, правда, через xcode, не на реальном устройстве.

Потому что box-shadow там всегда стоит, состояний перехода нет.

// ul.list {#menu li:hover ul {

Igor Schnaider, сортировка работает неправильно У вас сортируется вся таблица, а нужно, чтобы сортировалась конкретная страница иначе пагинация теряет смысл.

http://jsfiddle.net/Igor_Schnaider/81hea7tj/

как у вас такая картинка получилась?

Вот я как раз JS и отключил ;-)

Оффтоп. Вот сегодня наткнулся случайно. Там тоже через js одинаковая высота у колонок устанавливается :-)

Вот как уехала колонка на 585px :-) http://i.imgur.com/dpBWPPy.jpg

И оригинально вы решили вопрос с одинаковой высотой в описаниях людей (я про JS и установку высоты на колонках).

Можно на CSS сделать. (Один из способов.)

В самом начале style.css, написано:

table {	  ... 	  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);          ...	         }

Тень под всеми таблицами нужна, все устраивает.

Нужна одна таблица без тени, никак не могу её убрать, пишу так:

.t_sh table {                ...	        box-shadow: none;                ...	    }

И такой ХТМЛ код страницы:

<TABLE class = "t_sh">...</TABLE>

Но тень не пропадает, хотя другие параметры стилей .t_sh table изменяют внешний вид.

Вот страница - http://велосвет.рф/admin/shablon.html?obz=obz1

Подскажите, как стереть эту приставучую тень ?

// instead .t_sh tabletable.t_sh {...}

 

Посмотрел, по-моему правильно все. Не могу найти где.

http://joxi.ru/5mdkoQ3iNLKgr1

http://joxi.ru/52a1yRZt8qW520

 

Спасибо

:-)

Самое что интересное, в FF (!) нормально работает.

(Поздно вечером делал, не протестировал в других браузерах - не обратил внимание на ошибку.)

// Проверка для строкиif (a.cells[0].textContent > b.cells[0].textContent) {    return 1;} else {    return -1;}// А было такreturn a.cells[0].textContent > b.cells[0].textContent; // 0 or 1

Имена не сортирует нормально:-)

Посмотрел, по-моему правильно все. Не могу найти где.

Товарищам, которые хотят попрактиковаться в JS... Есть таблица, нужно написать скрипт сортировки по имени, фамилии, возрасту и семейному положению (по колонкам короче). Так же нужно написать пагинацию, при условии, что количество элементов, отображаемых на странице можно менять (при помощи селекта).

У меня вот что вышло.

Update: fixed (неправильная сортировка строк была)

Потому что размер фона высчитывается относительно ширины своего контейнера (который в вашем случае совпадает с шириной окна).

Чтобы такой эффект не возникал, установите min-width на #sitehead или body.

Работает (проверил в ie8-10).

Да, хорошо получилось. Спасибо.

Вы вначале спросили, как делать правильно, а не как попало. Вот то, как сделали вы - делать как раз не надо :-)

Что за магическое значение 277px: что будет, если добавить еще несколько пунктов в списке или полей в форме? Придется опять подстраивать отступы.

Мне кажется, самым лучшим вариантом в вашем случае будет использовать картинку, а не фон.

А с фоном и background-size: contain; нужно соблюдать одно условие: поддерживать соотношение сторон. То есть в случае, когда контент меньше картинки, высота должна соблюдать соотношение; в случае, если больше, то auto.

Для того, чтобы соблюсти соотношение высота/ширина, наверное нужно будет добавить фейковый элемент, как-то так.

В общем, больше возни с этим получается, логичнее вместо всей этого просто картинку использовать.

Я вам не случайно сайт Эпла привел в пример в моем прошлом сообщении. Там много таких моментов. Или вот еще тоже. Можно посмотреть, как сделано вокруг большой картинки.

Например

Игорь - это шаблон джумлы, класс .hidden-sm - я не вижу.

Это вспомогательный класс bootstrap. У вас же он используется.

 

2. Тут сразу возникает вопрос: а если содержимое #container не поместиться в высоту окна, тогда что.

Это все продумано, я только не знаю как сделать. В #main (главный div цвета silver) будет только картинка, больше там не будет ничего. Картинка может быть разных размеров. Она должна масштабироваться по текущему размеру этого div (а он должен изменяться по размеру окна). Размеры остальных блоков заданы. Это стандартный макет всех фоточных сайтов - фотка и некая навигация.

 

Ну тогда можно так.

1. Например, можно сделать для #main отрицательное поле на ширину сайдбара и добавьте отступ на ту же ширину (это все с учетом box-sizing: border-box). Как-то так.

2. Тут сразу возникает вопрос: а если содержимое #container не поместиться в высоту окна, тогда что.

А вообще, первое, что приходит в голову :-)

/* 1 */#container {    height: 100vh;    overflow: hidden;}/* 2 */html {    height: 100%;}#container {    height: 100%;    overflow: hidden;}

А вот только что отвечали http://htmlforum.ru/...633#entry365413

Это работает только в IE10+

select::-ms-expand {    display: none;}

Ну вы придумали.

Ставьте класс .hidden-sm, а на вторую колонку .col-sm-12

Я же вам показал как.

-webkit-appearance: none; /* for Opera */

Для IE8-9 средствами CSS никак.

 

Вам так надо? http://codepen.io/anon/pen/XmGPmX?editors=110

причем здесь background-color - не совсем понятно, мне нужно скрыть правую форму на экранам меньше 786мм

 

Вам так надо? http://codepen.io/anon/pen/XmGPmX?editors=110

причем здесь background-color - не совсем понятно, мне нужно скрыть правую форму на экранам меньше 786мм

Я могу их разгроничить, но задавая 

.col-lg-6.col-md-6.col-sm-6.col-xs-6{

 background-color:red;

}

выделяются обе формы

 

omg :-)

Я фон задал, просто чтобы визуально отделить колонки. Ширину экрана измените, на малых размерах вторая колонка скрывается - я про это спросил, вам это нужно было?