Здравствуйте!Уже второй день мучаюсь над шапкой сайта, а нужного результата никак не могу добиться , суть заключаеться в том что я хочу сделать шапку сайта резиновой чтобы при разных разрешениях вся картинка отображалась.Пожалуйста подскажите рекомендациями или нужными свойствами css для достижения нужного результата... Вот код стилей шапки и div блоки в которой содержиться шапка: Код (Text): <div class="header"> <div class="header-jpeg"></div> </div> </div> /* begin Header */ div.header { margin: 0 auto; position: relative; width: 100%; height: 222px; overflow: hidden; } div.header-jpeg { position: absolute; top: 0; left:0; min-width:700px; max-width:1920px; width: 100%; height: 220px; background-image: url('images/header.jpg'); background-repeat: no-repeat; background-position: center center; } Размер самой шапки header.jpg - 1920x220 px Пожалуйста покажыте на примере как поправить код ну или что дописать доделать чтобы шапка header.jpg отображалась в блоке вся. Всем заранее благодарен!
Помоему картинку нельзя растянуть средствами CSS. Можно через JS попробовать: определить расширение экрана и Код (Text): <img src="asd.jpg" width="var из js" > или вариант картинку выровнить по центру а фон залить под цвет картинки
постараюсь подробно описать то что хочу сделать Добавлено спустя 1 минуту 33 секунды: я хочу сделать так чтобы при разных разрешениях монитора картинка которая находиться в шапке сайта отображалась именно ВСЯ а не центральная часть
Вы знаете я тут уже два дня css кручу... лутше было бы пропорционально если можно если не получиться то можна и масштабированием по ширине. Вот и сама шапка http://radikal.ua/data/upload/4efc3/0fccf/9cccbb4c98.jpg Заранее благодарен Вам igordata
а что там не правильно?? картинку нужно делать маленьких размеров а потом масштабировать(делать большей по размеру) по разрешению мониторов? так чтоли? плиз подскажите, ведь второй день мучаюсь... (
ну если ты хочешь полностью воссоздать такое дело как у тебя, то тут вобще не надо использовать картинки кроме как побокам.
Уважаемый чего-то Вы меня путаете...честное слово, то говорили - ужимаясь по ширине или уменьшаясь пропорционально? =) покаж картинку. и что мне тогда нужно сделать? Добавлено спустя 18 минут 28 секунд: Жалко что на форуме нету смайлов...
ну можно всякие хитрости использовать. пока картинку не увидишь - нипанятна что именно надо делать. в твоем случае у тебя две картинки побокам, и текст в середке. тут можно обойтись без картинки. но выглядит это настолько убого, что я бы тебе советовал не останавливаться на достигнутом =) и еще ченить придумать по-художественнее. можно сделать в несколько слоев, если в середке будет изображение. короче не сдавайся.
1.Человек я тебе что не показал шапку сайта? 2.Ты вообще понимаеш что я хочу сделать из шапкой сайта????????
такую шапку как у тебя можно сделать резиновой так как я уже сказал: две картинки побокам, в середине див с текстом в бекграунде которого бело-фиолетовая твоя картинка. если принципиально текст держать картинкой - держи, на виде это не скажется.
Коль уж ты так красиво написал то покажы все это на рабочем примере, ато я тебя никак не пойму, чего-то ты там лепиш без начала и конца, а то что ты и не хочеш понимать что и как есть на самом деле это твое дело, может ты все и понял с первого разу ну вот как сделать картинку масштабируемой с помощью "%" - проценотв ты говорить не хочеш?! Добавлено спустя 3 минуты: да я то не спорью что шапку можно сделать резиновой ну вот то что две картинки по бокам так мне НЕ НУЖНО!у меня одна единственная картинка на весь <div> блок, и мне нужно чтобы при разных разрешениях монитора картинка которая в шапке ВСЯ отображалась!
учи русский =) то что тебе НЕ НУЖНО так как надо делать - я уже понял. если ты твердо решил пить газировку жопой, то я в тебя верю - у тебя получится. но я в этом участвовать не хочу =)
если ты не знаеш как решить проблему то зачем суешь свой нос туда куда не нужно?охота початиться - чатов в нете полно...а проблему с картинками я уже решил, все делается элементарно нужно было указать в <img src="" width="100%" height="100%"/>
что прекрасно? Добавлено спустя 6 минут 40 секунд: Вот Вашего совета в данной теме я и ждал, ну недавно сам реализовал то что нужно, а именно единственная картинка которая находиться в шапке сайта масштабируеться под разные разрешения мониторов это то что я и хотел сделать...
прекрасно то, что ты уже всё как бы сделал как бы =) это ж элементарно =) пиздеть-то не мешки ворочать. уж я-то знаю
Это хорошо, что у вас вышло то, чего хотели. Просто такое масштабирование я лично на сайтах не встречал, т.к. картинку будет срашно плющить. Если этот эффект и требуется, то всё ок, вас можно поздравить. Но обычно резиновая вёрстка подразумевает умное расчленение картинки так, чтобы ничего не плющило.