Фоновое изображение

[egrom92]

добрый день)) у меня проблемка с фоном, я не как не могу сделать так чтобы картинка большего размера уменьшалась под размер моего разрешения экрана.

 

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

.body{							background-image: url(557271-1920x1200.jpg);				background-attachment: fixed;				}

я пробовал и

position: inherit;

и

background-image: url(557271-1920x1200.jpg) inherit;

 

не получается

подскажите пожалуйста)) заранее вам огромное, человеческое спасибо))

 

[Aleksandr.L]

у меня проблемка с фоном, я не как не могу сделать так чтобы картинка большего размера уменьшалась под размер моего разрешения экрана.

 

Вы хотите, чтобы картинка была резиновой? Или задать ей конкретные размеры? Inherit тут причем?

[CroaToa]

картинка больше или меньше экрана?

inherit вообще не в теме.

background-size:100%;

или тегу <img> дать ширину 100%

Edited February 17, 2014 by CroaToa

[egrom92]

Вы хотите, чтобы картинка была резиновой?

ну если я правильно понимаю то да, хочу, чтобы она была у меня резиновая))

 

Inherit тут причем?

ну я надеялся что с помощью данного значения моя фоновая картинка будет подстраиваться под размер экрана

 

картинка больше или меньше экрана?

 

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

[Aleksandr.L]

ну если я правильно понимаю то да, хочу, чтобы она была у меня резиновая))

 

background-size: 100% auto; попробуйте.

[egrom92]

Спасибо тебе)) помогло)) здорово))) 

слушай, может можешь мне ещё подсказать 1 момент??

 

Вот мой первый пробный сайт: тык тут у меня есть менюшка из 3ёх кнопок. 

вот у меня проблема с ними когда я уменьшу страницу. у меня координаты кнопок сохраняется и залезает на основной контейнер.  Это один момент. 

 

ну а второй момент заключается в основном контейнере. там у меня CSS стиль вынесен в отдельный файл. и там у меня вот что прописано:

.center {				width: 600px;				min-height: 600px;				padding: 10px;				margin: auto;				background-color: hsla(68, 171%, 149%, 0.5);				border-radius: 10px;				border: 5px double hsla(0,0%,100%,0.5);				}

Будь добр, объясни пожалуйста, почему контейнер стоит по середине?? Из-за margin: auto;? просто для меня немного не понятно объяснение по поводу значения auto так как тут написано, что "размер отступов будет автоматически рассчитан браузером." что меня и приводит к непоняткам, откуда браузер знает что я хочу, чтобы контейнер стоял по центру??  Кстати, меня всё устраивает, вроде стоит так как нужно, но я для себя хочу уяснить, как так получается, чтобы далее я не методом тыка делал данный момент если опять встретится))

 

 

заранее спасибо)

[CroaToa]

что тут не понятного. ширина у тебя 600пх, окно браузера скажем 1000. С каждой стороны по 200 снимает и твой блок оказывается в центре.

[Aleksandr.L]

Вот мой первый пробный сайт: тык тут у меня есть менюшка из 3ёх кнопок.  вот у меня проблема с ними когда я уменьшу страницу. у меня координаты кнопок сохраняется и залезает на основной контейнер.  Это один момент. 

 

Ну еще бы, position: absolute относительно окна браузера. Лучше эти кнопки поместить в блок с основным контентом (<div class="center">) и этому блоку задать position: relative. Затем, эти кнопки спозиционировать с помощью position: absolute.

 

Будь добр, объясни пожалуйста, почему контейнер стоит по середине?? Из-за margin: auto;? просто для меня немного не понятно объяснение по поводу значения auto так как тут написано, что "размер отступов будет автоматически рассчитан браузером." что меня и приводит к непоняткам, откуда браузер знает что я хочу, чтобы контейнер стоял по центру??

 

У тебя же этот блок с определенной шириной. Браузер и автоматически рассчитывает отступы слева и справа, чтобы этот блок был по центру.

Edited February 17, 2014 by Aleksandr.L