USF

Возникла проблема следующего плана: с помощью media делаю адаптивный макет. собственно, чаще всего вижу использование max-width или min-width, но! media only screen and (max-width: 480px) отказывается работать на устройстве с разрешением 480:854(андроид - хром) (max-width: 854px тоже не воркает). Работает max-device-width. Собственно вопрос, почему? разницу между этими 2мя вещами я понимаю, но ведь в моем случае разрешение и размер области совпадают...или я ошибаюсь?

margin: 0 auto работает только для элементов с заданными значениями width (и не забудьте clearfix, ибо внуттри у вас плавающие элементы)

div > img[att$="bbcodes"]

1) оформите нормально код 2) хотите резину - верстайте на %

Доброй ночи форумчанам. Может ли кто подсказать красивый способ обхода одной проблемы. Её суть в следующем. Если задать для html и body height:100%, то для вложенного блока margin неизменно увеличивает размер самой страницы до 100%+margin и как следствие - появляется скроллинг. Где-то был вариант решения с position: absolute есть еще какие-либо мысли?

забейте. ctrl + - не то, на что следует безоговорочно опираться. просто при масштабировании в некоторые моменты размер обертки меньше, чем фактическая сумма ширин внутренних элементов и происходит перенос

я правда не пойму, чем стандартный поток с инлайном не подошел? можно было поиграться с vertical-align

все логично. <a> инлайн элемент на его высоту влияет только шрифт и line-height. http://jsfiddle.net/B8NdY/

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

можно пробовать margin в %, но там от ширины родителя расчет, не для всех случаев подойдет

абсолютно верное наблюдение. http://jsfiddle.net/usfe/YfdTL/ - вот

обычным списком. внутрь вставляются невидимы изначально блоки с абсолютным позиционированием. при наведении на жлемент списку вложенный блок показывается. а в блоке уже верстай что душе угодно

я ведь написал почему. у ваз значения в пикселах. это не резина

дак у вас меню сверстанно криво. обертка резиновая(в процентах и сжимается правильно), а ячейки с фиксированной шириной в пикселах. собственно то же самое с шапкой

а где они наезжают?

не совсем понятно что вы хотите. задайте width для контейнера всех эти блоков. судя по тому, что у них размер вычисляется процентами, то они все пропорционально уменьшатся

1) таблицы уг 2) если 1й пункт не впечатлил, то делайте несколько таблиц и тогда пропадать не будет upd: img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } это чтобы картинка масштабировалась

mishka, мое сугубо личное мнение. через margin красивее и меньше кода. я предпочитаю 2+2, чем 2+(3-1) а причем тут градиент? как сказали вам выше у вас есть готовный исходник. тем более довольно таки не сложный

margin: 0 auto; + width в их случае сделано по другому сдвиг право на 50% и влево на половину от width top: 32%; left: 50%; position: absolute; width: 470px; margin-left: -235px; но это для аматоров

имели бы уважение к тем, кто хочет помочь. и в первую очередь ставить нормальные ссылки.

естественно они не будут работать. потому что min-width задает минимальный размер блока, а так как места на странице больше, то по умолчанию блок занимает все место и вы центрирования не видите а во втором случает max-width растягивает на 100%, что по сути является аналогом варианта выше, так как на 100% от родителя растягиваются блоки по умолчанию(горизонтально). и только в первом случае max -width задает ограничение по ширине и margin:0 auto может вычислить отступы слева и справа

так у него вроде указано #left{background:url(images/left.jpg) no-repeat [b]transparent[/b];

это тоже правильное решение даже более правильное. а обнули шрифты, это font-size: 0 для table в котором картинка(не уверен, что во всех браузерах работает 0)

это нижний отступ картинки. картинка - инлайн элемент и у него, как и у буквы есть нижний отступ(запас на выносные элементы). обнулите шрифт у таблицы и полоска исчезнет

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