Форум Сайтостроение Веб-строительство

Верстка HTML. Загнутый уголок дива. Смотрю на него уже долго.

12 3
AlExTeam
На сайте с 12.08.2010
Offline
34
AlExTeam
4504

На картинке изображен мегаэффект, созданный мегадизайнером.

Картинку увелечил для наглядности.

Чтобы все было понятно: фон полосатый. Уголок - низ дива. Высота дива динамическая.

Как сверстать этот мегадизайн? Если бы фон документа не был полосатым, сделал бы тупое выранивание бэка по низу. Что делать в этом случае не знаю.

Поэтому обращаюсь за помощью. :)

Internet killed the video star
Str01tel
На сайте с 27.12.2009
Offline
26
Str01tel
#1

png24 с полной прозрачностью поможет решить проблему с полосами

AlExTeam
На сайте с 12.08.2010
Offline
34
AlExTeam
#2

png не пробовал, но вроде он не со всеми браузерами совместим. не?

_
На сайте с 09.06.2008
Offline
158
_voland_
#3

Его ИЕ 4ый не понимает... матчасть учим.

А вообще такую штуку можно попробовать реализовать через css3 border-radius

Настраиваю напильником Joomla 1.5 (http://joomla15.ru) Если постоянно взламывают движок, достаточно сменить хостинг (http://2s4.ru/ytx) всем СРОЧНО (14 дек) обновлять или патчить joomla-сайты (/ru/forum/919351)
Robin_Bad
На сайте с 24.12.2007
Offline
85
Robin_Bad
#4

AlExTeam, с IE6 он совместим посредством костыля. Всё, что новее - поддерживает PNG24 с альфа-каналом нормально.

.mia
На сайте с 06.01.2008
Offline
74
.mia
#5
AlExTeam:
png не пробовал, но вроде он не со всеми браузерами совместим. не?

Браузеры IE ниже 7 будут прозрачную часть png показывать белым.

Str01tel
На сайте с 27.12.2009
Offline
26
Str01tel
#6
AlExTeam:
png не пробовал, но вроде он не со всеми браузерами совместим. не?

с ишаками < 7.0 не совместим

да и нужна ли для них совместимость? )

AlExTeam
На сайте с 12.08.2010
Offline
34
AlExTeam
#7

да как бы не хотелось, чтоб пятно такое было, даже если кто-то один зайдет на ИЕ.

На кажется по иному никак не получится.

Str01tel
На сайте с 27.12.2009
Offline
26
Str01tel
#8
AlExTeam:
да как бы не хотелось, чтоб пятно такое было, даже если кто-то один зайдет на ИЕ.
На кажется по иному никак не получится.

ну дак используйте

<!--[if IE 6]>
Special instructions for IE 6 here
<![endif]-->

и подставляйте туда прозрачный png8, не идеал но лучше чем белое пятно

AlExTeam
На сайте с 12.08.2010
Offline
34
AlExTeam
#9

наверное лучше сверстаю с прямым углом или уберу полосатый фон.

И дизайнеру в репу заряжу, чтоб знал на будущее.

firefox19
На сайте с 05.11.2009
Offline
34
firefox19
#10

AlExTeam, учитесь верстать под любые зае... требования. Если, конечно, планируете этим зарабатывать.

А костыль прост до безобразия:

background: url('pic/bg_txt.png') top center repeat-y;
*background: none;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/pic/bg_txt.png', sizingMethod='scale');

как-то так

Ваши идеи - наша работа (http://yaweb.ru) Продам Сайт агентства недвижимости (/ru/forum/561489)
12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий