Николай В.

Их там шесть :) И с гифками убого выглядит.

+1

Что не так в этом примере и фоне? То, что вы не можете сверстать это пиксель-в-пиксель из-за своих надуманных ограничений? :)

Мыслите свободнее. Я могу вам показать десятки подобных примеров с фонами, тенюшками и уголками в работах ведущих студий.

Безусловно, мне в свое время попадались макеты, сделанные умельцами по типу печатных изделий в каких-нибудь корелдро или иллюстраторах — с такими товарищами действительно нужно бороться методом прижигания конечностей. Однако в большинстве случаев вопли о том, что «дизайнер-кретин нарисовал то, что хрен сверстаешь» обусловлены лишь ленью или отстуствием опыта у верстальщика.

Да, и при чем тут платформы вообще? У меня мак в качестве основного компутера и убунта с виндуосами в виртуальной машине, и что от этого меняется?

Сдвиньте iframe внутри блока с overflow: hidden;

http://glenic.com/temp/iframe.html

Ну это непринципиально.

Я .htc и не использую. Просто госоподин TRON утверждает, что всегда можно обойтись без png24.

T.R.O.N, давайте на примере, а то у меня ощущение, что вы или не в теме, или пытаетесь за бравадой скрыть некомпетентность.

Для «детского» сайта нужно сверстать такой блок. На странице их будет много, забитых в две колонки, так что нужно обеспечить резиновость во все стороны.

Попробуйте решить задачу без полупрозрачных png, сохранив тени и прочее :) IE6 само собой.

Исходники:

http://glenic.com/temp/se/pattern.png

http://glenic.com/temp/se/googles.png

Это стандартная задача при верстке сложных макетов, которую никакими «грамотными рисунками» не решишь. Классические примеры: полупрозрачный резиновый блок со скругленными уголками на фоне с паттерном или многослойная сцена с относительно спозиционированными людьми на фоне пейзажа какого-нибудь.

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

0. Давить себе чувство ненависти к IE6, научиться радоваться тому, что исправлено в IE7, возлюбить IE8 :)

1. Научиться правильно ресетить стили, заданные по умолчанию;

2. Научиться пользоваться условными комментариями и всякими хаками вроде *HTML;

3. Научиться писать элементарный экспрешен, эмулирующий min-, max-width в IE6;

4. Научиться использовать элементарный скриптик, обеспечивающий поддержку png c альфа-каналом в IE6 (или руками прописывать этот фильтр);

5. Научиться приему эмулирующему :after в IE6-7 для clearing-а без лишних пустых элементов;

6. Разобраться с высотами рабочей области в разных браузерах;

7. Знать о возможных багах в IE вроде удваивания марджинов.

8. Понять превосходство относительных величин над бездушными пикселами :)

У сиэнена несколько блоговых разделов действительно на вордпрессе :)

http://en.wordpress.com/vip-hosting/

Так:

http://glenic.com/temp/list.html