Ребята помогите пожалуйста - бьюсь уже 2 дня и не могу понять почему плывут inline-block
посмотреть тут

И еще проблема с Opera mini - не понимает line-heigt (смотреть при ширине экрана менее 480px)
хоть и ставлю костыль в виде height, но текст уплывает, а попытка его подпереть padding - приведет к тому что в нормальных браузерах все поплывет

Помогите плиз советом

особенно удручает что при уменьшении ширины окна - "большие" блоки ведут себя вообще непонятно как..

Antonariy,

Спасибо за конструктивные советы))

AntonariyГрубая ошибка: перед переходом в двухколоночный режим прячется самая нужная инфа — номера телефонов. Лучше Гриба прячь, всем во-первых покуй на его фио, во-вторых, из надписи даже не видно, чей он дилер (с одной л, к слову). Абсолютно бесполезная строчка.



При таком раскладе шабка не станет сильно тяжеловесной - 2 строки h1 !?

А Гриба жалко - егож надо кудато воткнуть!?)

няка,

Спасибо!

Antonariyто есть счастливый обладатель фулл-хд видит унылый сайт фиксированной ширины образца начала века

Не понял вот этот конец фразы - не могли бы вы пояснить свою мысль, пожалуйста

исправил




но почемуто самый последний элемент както сиротливо ко всем прижимаецца!
Чего это он??

Вот картинка

Antonariy,

не синхронность к сожалению из-за использования эффектов с помощью css media queries и javascript, а у них по всей видимости одни и те же значения width наступают в разные моменты..

а что можно поделать с Opera Mini??

AntonariyspНе понял вот этот конец фразы - не могли бы вы пояснить свою мысль, пожалуйста
В прошлом 20м веке структура сайтов в основном представляли собой меню слева/сверху и контент, заполняющий все остальное пространство (порносайты тогда были исключением — на них было большое разнообразие визуальных структур, впрочем реализованных однотипно — таблицей с килотоннами графики, разбитой на части, и мапами). В начале этого века появилась мода на что-то напоминающее дизайн, но приличный дизайн натянуть на такую структуру сложно, поэтому вслед за ним в моду вошли сайты фиксированной ширины, расположенные по центру страницы (или слева, если верстальщик лошара), — фиксация не дает дизайну превратиться в ужос. Потом стремительным домкратом на рынок ворвались жк-мониторы, которые имеют более широкий спектр разрешений, чем элт, и заточка сайтов под 1024/15" или 1280/17" перестала иметь глубинный, обоснованный клиентским железом смысл, а Татьянычу пришлось "изобрести" резину.

а как бы вы реализовали дизайн??

AntonariyМодульной сеткой.

Ну модульная сетка же не поддается media-quriyam - это ж статика!
Там же надо юзать js чтоб количество колонок менять

AntonariyspAntonariy,

не синхронность к сожалению из-за использования эффектов с помощью css media queries и javascript, а у них по всей видимости одни и те же значения width наступают в разные моменты..Зачем тут js? Для браузеров, не поддерживающих media queries, имеет смысл делать обычную статическую верстку. И вообще, с нее нужно начинать, а responsive реализовывать как расширение статических правил.

у меня в зависимости от размера окна (т.е. фоны и табы всякие или десктоп - у картинок прописывается разный href чтоб не грузить на телефон с модемной скоростью большие картинки (у нас в Окраине 1G даже не дошел еще))

для того чтобы блоки не перекашивало пришлось в верстке все элементы расположить без пробела




другие способы борьбы с текстовыми элементами между inline-block при помощи css приводят к другим побочным действиям

stopkran,

спасибо за комплимент :))
ну скажу так застенчиво - ну не совсем она гениальная, но что-то такое в ней есть...)) к комплиментам я отношусь спокойно)))

stopkransp,

а зачем вообще инлайн-блоки? Если я правильно понял, в вашем примере идея изменения размеров (шрифта, картинок, блоков...) основана на разных директивах @media. Что мешает использовать здесь обычный float с обычными display:block?

да вроде бы и ничего не мешает, но как то ничто и не сподвигло на блоки с флоатами)
а есть преимущества в плавающих блоках? просто чего-то решил инлайнами...

stopkransp,

я несколько раз сталкивался на разных сайтах с инлайн-блоками, и везде от них какое-то г так или иначе вылезало. Вообще не понимаю, зачем переопределять display специальных элементов (table-cell, ul, li...). Это лишняя нагрузка, прежде всего, на свой же мозг (надо помнить, где как что извратил). Чем проще, тем надёжнее...

наверно вы правы - попробую переделать