Igor Schnaider

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

Типичная таблица. 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. Да, я невнимательно посмотрел. Сейчас проверил на 5.1 - все то же самое. В общем, проверил вплоть до 9 версии (на эмуляторе), везде нормально отображает. Но все равно не понимаю, зачем ему тянуть картинку по высоте контейнера? Странно как-то. А можете показать разметку со стилями?

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

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

Потому что box-shadow там всегда стоит, состояний перехода нет. // ul.list {#menu li:hover ul {

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

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

Вот как уехала колонка на 585px :-) http://i.imgur.com/dpBWPPy.jpg И оригинально вы решили вопрос с одинаковой высотой в описаниях людей (я про JS и установку высоты на колонках). Можно на CSS сделать. (Один из способов.)

// 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

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

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

Потому что размер фона высчитывается относительно ширины своего контейнера (который в вашем случае совпадает с шириной окна). Чтобы такой эффект не возникал, установите min-width на #sitehead или body.

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

Вы вначале спросили, как делать правильно, а не как попало. Вот то, как сделали вы - делать как раз не надо :-) Что за магическое значение 277px: что будет, если добавить еще несколько пунктов в списке или полей в форме? Придется опять подстраивать отступы. Мне кажется, самым лучшим вариантом в вашем случае будет использовать картинку, а не фон. А с фоном и background-size: contain; нужно соблюдать одно условие: поддерживать соотношение сторон. То есть в случае, когда контент меньше картинки, высота должна соблюдать соотношение; в случае, если больше, то auto. Для того, чтобы соблюсти соотношение высота/ширина, наверное нужно будет добавить фейковый элемент, как-то так. В общем, больше возни с этим получается, логичнее вместо всей этого просто картинку использовать. Я вам не случайно сайт Эпла привел в пример в моем прошлом сообщении. Там много таких моментов. Или вот еще тоже. Можно посмотреть, как сделано вокруг большой картинки.

Например

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

Это все продумано, я только не знаю как сделать. В #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;}

Это работает только в IE10+ select::-ms-expand { display: none;}

Ну вы придумали. Ставьте класс .hidden-sm, а на вторую колонку .col-sm-12 Я же вам показал как.

-webkit-appearance: none; /* for Opera */Для IE8-9 средствами CSS никак.

причем здесь background-color - не совсем понятно, мне нужно скрыть правую форму на экранам меньше 786мм причем здесь background-color - не совсем понятно, мне нужно скрыть правую форму на экранам меньше 786мм Я могу их разгроничить, но задавая .col-lg-6.col-md-6.col-sm-6.col-xs-6{ background-color:red; } выделяются обе формы omg :-) Я фон задал, просто чтобы визуально отделить колонки. Ширину экрана измените, на малых размерах вторая колонка скрывается - я про это спросил, вам это нужно было?