systemiv

А если вмсето создания дополнительного блока прописать тэгу html первый фон, а body второй фон Возможно проблема в том что у Вас идёт не градиен, а уменьшение opacity, в фотошопе это легко спутать если не увеличивать и не смотреть вырезанный блок шириной в 1пх. Возможна проблема из-за этого. а вообще насколько я понял Вам просто нужно body задать свойство о котором писал DStereo

Например, вся страница оказывается залита фоновым цветом блока, к которому применяются css3 стили IE требует чёткое задание background-color блоку, к которому применяются стили из пирожка. С ним есть ещё проблема. Например если одному элементу задать градиент, и на нём расположить второй элемент с градиентом там будут проблемы с индексами. zoom: 1; position: relative как пишут спасает, но что то вот я начал тестировать и вообще никак. Ещё одна проблема: если у одного блока прописать нижнюю тень, а под ним сразу же расположить другой блок с тенью снизу. То как бы нижний блок прикроет собой тень верхнего блока и там уже ничем не поможешь. Насчёт попиксельной точности, честно говоря, как не верстай на ~10 пикселей где ни будь да уйдёшь.

Ну я же не для себя делаю сайт. Для некоторых ситуаций не вижу другого выхода, т.к. заказчик требует полного соответствия что в ff 10, что в IE7 Что Вы предлагаете?

Возможно. Но у меня нет такого сайта=) Больше интересует вопрос с заказчиком. Для меня не сильно трудно нарезать уголки, но хотелось бы позаботится и о человеке который будет потом поддерживать сайт. Если ему скажут что то изменить, ему придется не просто изменять стили, а как минимум запускать любой графический редактор и изменять мою картинку. Вы считаете что всё таки лучше использовать полую нарезку(уголки, градиент, тени), или использовать вот эти несколько не замысловатых свойств: /* Radius */ border-radius: 10px; /* Shadow */ box-shadow: 5px 5px 10px #A8A8A8; /* Gradient */ background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9FDCF2), to(#D0EEF9)); background: -moz-linear-gradient(#9FDCF2, #D0EEF9); background: linear-gradient(#9FDCF2, #D0EEF9); -pie-background: linear-gradient(#9FDCF2, #D0EEF9); /* Opacity */ opacity: 0.3; filter: alpha(opacity=30); Все они кроссбраузерны, не включая ff3.6, но как сказано выше это уже динозавр. Для IE7+ подключается PIE.htc

Добрый день Уважаемые! Проблема состоит в следующем. Есть 4-ре блока которые нужно вместе выровнять по центру. Ширина у них не фиксированная. Мои Варианты решения: 1. position: absolute; left: 50%;, a внутренним блокам position: relative; right: 50%; (не подходит, т.к. они вместе занимают больше половины экрана) 2. display: table; - здесь проблем в поддержке IE7. Можно ли её обойти? ПРобовал использовать http://tanalin.com/projects/display-table-htc/ но не выходит Предложите свои варианты.

Вы про image replacement? Без него тоже не обойтись в некоторых случаях, а насчёт контента картинками, а всё оформление бэкграундом - это скорее техника улучшения семантики сайта, что бы при отключенных стилях не вертелись уголки нарезанные. Тема и спрашивает, о реализации теперь - CSS3

В принципе звучит настолько убедительно, что нельзя не согласится=) А как Ваше отношение к кроссбраузерности IE. Чем Вы её достигаете? Картинками, pie, google js?

Opera 10.5+, Firefox 3.6

Добрый вечер Уважаемые! Интересует вопрос по концепции вёрстки. Как Вы считаете, например тот же градиент лучше верстать с помощью картинки или задавать css3 & filter(ie) Или border-radius, что лучше, перечислять все вендорные свойства или просто создать 4 доп блока и позиционировать их внутри родителя(всегда так делаю)

Всем огромное спасибо

Ну с кроссбраузерностью проблем не возникает, имеет место вопрос о придерживании общепринятого стиля

Доброй ночи Уважаемые! Как Вы считаете нужен ли пробел в пустом тэге? Привожу пример: <div style="clear:both"></div> или <div style="clear:both"> </div> Как Вы считаете, со стороны семантики, как будет более правильно? И не упоминается ли про это в стандартах?

Актив, это только при нажатии Нужно как: Например меню из картинок, я щёлкаю на одну картинку, перехожу на страницу, где к ссылке, на которой я нахожусь применены стили(прозрачность)

В общем такая штука. Есть меню из картинок: <a><img></a> Нужно выставлять прозрачность для картинке, по ссыке которой мы сейчас перешли. В предыдущем проекте было так: .menu a.selected > img{ filter:alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

Извините пожалуйста за то что так напряг) Да, у меня всё получилось. Проблема такого отступа была из-за того, что joomla задавала свои стили. Сейчас их сбросил и всё норм. Спасибо большое всем кто помог!)