Softlink

что-то не понял. Куда он будет уходить? Задаем блоку ширину в 300px и ставим float:left; При ширине в 300, текст опустится вниз. При больше ширине родителя текст в аккурат покажется справа.

Простите, надо было подробнее мне описать Чтобы при большем разрешении поля (сайта тоже), иллюстрация с описанием становилась такой, как показано в варианте справа на приложенной мной иллюстрации. То есть: При ширине 300 пикс., описание иллюстрации находится под картинкой. А при ширине, например, в 400 пикс или больше, текст описания уходил вправо, за картинку. серому блоку задать float:left;

Хорошее решение, но не совсем то, что нужно. Да, нижний div у меня фиксированный, но верхний - динамический по вертикали. Т.е неизвестно сколько будет в нем контента?

1)можно сделать 2 бэкграунда в одном диве. Но это не будет работать почти во всех ИЕ. 2)Я так понял, что если у вас идет измерение в пикселях, то высоту блока вы делаете фиксированной. Вот такое решение подойдет? http://jsfiddle.net/6CTKH/

стандартное разрешение ноутбука по ширине (1366) справа непонятный отступ: и вот эта плашка удивила. Может быть над таким маленьким элементом действительно не стоит изголяться и верстать ему отдельные тени, но зачем ссылку в картинку затолкали? Хотя может быть так и задумано было. Кем-то Но я бы все равно сделал ее текстовой.

Не совсем понял кто именно "холивар товарищ" без обид, просто непонятно (ааа понял, я товарищ, а холивар с исходной ветке). если предположить, что речь обо мне, то вероятно это комментарий о блоках в событиях, верно? Что мешает так поступать, если предполагать, что картинки определенного размера? Спасибо за комментарий, с удовольствием услышу подробности, если можно, конечно. Товарищ - это вы. Холивар - это холивар. почитайте вот эту тему не, ну зато оперативно все сделали

а здесь не то что вам надо http://htmlbook.ru/books? Просто я раньше не обращал внимание какая книжка была.

наш большой холивар товарищ решил совсем интересно. Он просто всю картинку затолкал в БГ, вместе с тенями. А мы два дня бились над тем, как его лучше сверстать.

верхний фон динамически увеличится, если про repeat браузеру ничего не говорить совсем. А по второму вопросу можно как-нибудь нарисовать, то что вы хотите сделать? Не совсем понятно.

это надо делать не лозунгом конкурса, а верстальщикам брать за основу при выполнении проектов. Глядишь, пользователи уже задумаются. А заказчики перестанут делать упор на "IE 6+" А то пока Ваня и Петя не прочь верстать под ИЕ6, он так и будет жить.

на КСС3 заработает, а как вы по флангам развешаете картинки в родителе? получится именно то, что сделала sigma77

А почему же оно даёт-то так? Не могу никак понять) Вроде просто задание минимального размера, т.е. как минимум размер считать таким ... но как же он понимает какой теперь стал полный размер высоты?) вы посмотрите внимательно как реализован пример. Там два дива, дочерний уже родителя, а у родителя стоит фоном ваш зеленый цвет. Соответственно вложенный див, растягиваясь тянет внешний по высоте. В вашем случае с картинками это не будет решением проблемы.

http://www.alpatriott.ru/works/primer/borderfon.html Спасибо. А что если фон красный измениться? а это уже издержки Т.е. если без скриптов, то это один из вариантов решения. Что еще можно придумать?

http://www.alpatriott.ru/works/primer/borderfon.html

тут маржин не поможет.

Вы немного не поняли. Вот я что имел ввиду: . А у вас весь ряд из картинок погрузится именно в цвет блока. хе) Пока делал скрин и разрисовывал его для примера, понял как решить задачу. Сделать самой виньетке внешний цвет по отношению к самому блоку, таким, какой он у родителя И все проблемы решены будут.

И? В чем претензия и какая задача? не претензия. Если сделать так, как у вас, то бордер из виньеток весь погрузится в цвет блока с контентом. А мне думается, что автор имеет ввиду немного не так. Чтобы виньетка именно разделяла блок. Т.е. по левую сторону будет красный цвет блока, а внутри синий.

sigma77, ваш пример хорош. Все работает. Но есть одно НО. Попробуйте поменять цвет блоку с контентом. Благо, если он будет белым, то все сработает. А если нет? вот так например http://jsfiddle.net/rbfmr/1/ в общем, тут надо смотреть, что за виньетки и какой фон блока с контентом и родителя.

тут нечего противопоставлять. Как ты не поймешь. Вышло так, что тут нельзя выделить явные плюсы и минусы. Все варианты подходят для решения задачи. Тебе и buddah нравится такой вариант. Мы с mishka использовали бы другую конструкцию в этом примере. А результат получился идентичным. Может уже перестанем спорить?

ок. Пусть это будет твое ИМХО Потому как никого ты не переубедил в этом вопросе

да и пофиг! Ну где это такое написано, что тени надо выключать из потока? Как круглые уголки делать несколькими дивами это нормально, а тень - это уже перебор, да? По-моему ты сам себе в голову втемяшил такое и все. И код нормально читается в обоих случаях.

это вы уже сами тут разбирайтесь Правда я не знаю, чего вы еще не решили. Для меня, как и писал, ближе вариант с флоатами. А ты старайся пользоваться не тем, что ты лучше знаешь, а тем, чем нужно для конкретной ситуации. Если плохо знаком с теми же абсолютами, собери всё вышесказанное и постарайся разобраться и понять для себя, что всё таки лучше на самом деле. так нет же. Я и твой пример с абсолютами понял. Но мне кажется, что пусть лучше эти тени будут в потоке. Кому и чему они мешают? По-моему это просто домыслы. А по кол-ву кода, как ты говоришь, смотреть не стоит. Да и оно почти одинаковое. А вот пример с box-shadow как раз я сразу не понял. И скрипя-сопя все-таки разобрался.

это вы уже сами тут разбирайтесь Правда я не знаю, чего вы еще не решили. Для меня, как и писал, ближе вариант с флоатами. Твоя реализация тоже неплоха. А пример SelenIT был полезен, тем, что я разобрался, как делать такие хитрые конструкции.

я разобрался! Отменил z-index и все стало на свои места. Там есть блок высотой 7px, ему применяем сначала белую тень, со смещением вниз, затем применяем по очереди "левую" и "правую" тени путем наложения теней. Но т.к. они изначально будут только вокруг блока согласно размытию, мы их смещаем по бокам, задав по 120px в противоположные стороны по оси X. Хвала разуму! p.s. Спасибо, Макс, не оставил в беде - помог разобраться С тобой в разведку можно

то ли лыжи не едут, то ли я.. Я вот почитал сейчас про box-shadow, потом поэкспериментировал на примере. В книжке написано: теперь смотрим в код: box-shadow: 0 20px 10px 10px #fff, 120px 4px 10px 5px #888, -120px 4px 10px 5px #888; первая идет белая тень, которая никуда не смещена, но она в центре! А вот затем идет правая и левая, которые смещены на 120 пикселей. Получается, что смещение здесь не от точки с координатами (0,0), т.е не от левого верхнего угла. А от центра блока.