Простой графический контейнер

12
G
На сайте с 07.06.2009
Offline
37
767

Часто web-верстальщики сталкиваются с проблемой – необходимо сделать графический блок, в котором может находиться любой контент, с возможностью его растягивания, как по высоте, так и по ширине.

Предлагаю простой метод решения данной проблемы.

На все про все два файла графики.

Думаю, многим это поможет придать своим ресурсам налет креатива :)

Статья

Пример

Все о разметке web-страниц (http://csslayout.ru)
ein
На сайте с 02.09.2009
Offline
15
ein
#1

gordi, хм... я вот попробовал элементарно прозумировать, выдал баг, дорабатывать нужно.

Лучший развлекательный конверт (http://bodyclick.net/?r=12264)
MF
На сайте с 10.10.2009
Offline
10
#2

А чем хуже вариант с абсолютным позиционированием по углам четырех картинок?

G
На сайте с 07.06.2009
Offline
37
#3
ein:
gordi, хм... я вот попробовал элементарно прозумировать, выдал баг, дорабатывать нужно.

ZOOM штука такая вредная, что лучше ей не пользоваться, а что за баг?

gordi добавил 19.11.2009 в 15:47

MegaFill:
А чем хуже вариант с абсолютным позиционированием по углам четырех картинок?

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

К тому же правильная и идеальная нарезка четырех уголков тоже проблема :)

Где-то мой метод будет проще и лучше.

ein
На сайте с 02.09.2009
Offline
15
ein
#4
gordi:
ZOOM штука такая вредная, что лучше ей не пользоваться, а что за баг?

Попробуй прозумить - увидишь)

зы: пробовал только в фф

G
На сайте с 07.06.2009
Offline
37
#5
ein:
Попробуй прозумить - увидишь)
зы: пробовал только в фф

Да не вижу косяков ни в FF3.5 ни в OPERA 9.64

ewg777
На сайте с 04.06.2007
Offline
225
#6
gordi:
Да не вижу косяков ни в FF3.5 ни в OPERA 9.64

FF 3.5.5

http://pic.ipicture.ru/uploads/091119/WqL2VnTexS.png

G
На сайте с 07.06.2009
Offline
37
#7

А так у меня :)

http://trifler.ru/blog/i/image/ff35.png

ein
На сайте с 02.09.2009
Offline
15
ein
#8

gordi, отмочил)), в минус нужно зумить)

G
На сайте с 07.06.2009
Offline
37
#9
ein:
gordi, отмочил)), в минус нужно зумить)

В минус три клика держит :)

Но чтобы в минус часто кто-то ходил, сомневаюсь :)

А вот в плюс может быть проблема, но она связана с тем, что в примере ширина графики 990px.

Естественно, что на разрешениях больше чем 1280*768, при zoom'е ее ширины просто не хватает.

Тут надо делать графику с запасом по ширине во избежание так сказать :)

iNd
На сайте с 20.03.2009
Offline
122
iNd
#10

зашел в пример - в опере при разрешение 1680 - перекошено - не работает

ссылка на статью ваще битая

12

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