Установка изображения фона сайта - HTML и CSS

Tony_ Montana · 19.08.2012, 16:33

Заранее прощу прощения, уверен эта тема уже поднималась. Но все таки помогите раз и навсегда разобрать как правильно устанавливать background так чтобы в разных браузерах, на разных мониторах картинка всегда одинаково была выровнена по краям и увеличивалась и уменьшалась бы в зависимости от разрешения... Пробовал самостоятельно это сделать как то так:
body{background: #000 url(main.png) no-repeat; width=100%; height=100%;
position: absolute; z-index: -1000; }
пробовал еще в html писать через стиль ничего не выходит, картинка появляется либо в своем размере либо не появляется вообще.
Помогите пожалуйста, объясните как это правильно надо делать

Pavel1_1 · 19.08.2012, 17:24

Сдраствуйте, z-index (неставется отрицательным как у вас) да и зачем прописывать position:absolute, просто создайте отдельный див и внем работайте, а body задайте осные параметры,
А насчет растяжки картинки как вы хотите, я тоже сталкивался но немог решить эту проблему.(((

Tony_ Montana · 19.08.2012, 20:29

У меня там вот такая структура:
- <body <?php body_class(); ?> >
+<div id="header" class="group">
+<div id="wrapper">
вы имеете ввиду создать новый див в файле.php перед хедером? а тогда картинка не займет ли всю страницу? просто когда я пытался в теге боди писать картинка появлялась как-раз по хедером так как и было задумано вот только она не заполняла пространство всей страницы.
А тот код и писал в файле custom.css
Скажите какие основные параметры надо писать я не понял...
спасибо

Pavel1_1 · 19.08.2012, 21:03

Просто как я вас понимаю вы хотите сделать картину как основной фон вашего сайта, просто может я вас неправельно понял но если так то
яб прописал так:
html{height:100%; width:100%; color:#000; background:#fff;}
body{ height:100%; margin:0; padding:0; min-width:1130px; max-width:1800px;}
*{margin:0; padding:0;}
#container{position:relative; height:100%; width:100%; margin:0 auto;}
#container .sten{ ваша картинка и position:absolute; top:..px; left:..p;}

<!Doctype HTML>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<div id='container'>
<div class='sten'>

</div>
</div>
</body>
</html>

А лудше можно как нибудь посмотреть самому, прост сразу понятно станет

19.08.2012, 16:33	#1
Tony_ Montana Регистрация: 19.08.2012 Сообщений: 5	Установка изображения фона сайта Заранее прощу прощения, уверен эта тема уже поднималась. Но все таки помогите раз и навсегда разобрать как правильно устанавливать background так чтобы в разных браузерах, на разных мониторах картинка всегда одинаково была выровнена по краям и увеличивалась и уменьшалась бы в зависимости от разрешения... Пробовал самостоятельно это сделать как то так: body{background: #000 url(main.png) no-repeat; width=100%; height=100%; position: absolute; z-index: -1000; } пробовал еще в html писать через стиль ничего не выходит, картинка появляется либо в своем размере либо не появляется вообще. Помогите пожалуйста, объясните как это правильно надо делать

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Разработка СОФТ-ФОНА для сайта	FenixGnom	Фриланс	1	28.12.2011 08:36
установка сайта...	feesta	Помощь студентам	4	09.04.2011 07:15
Установка координат изображения	Syltan	HTML и CSS	6	19.03.2010 16:06
CSS вёрстка, вставка Google map поверх изображения, фона!	sting	HTML и CSS	0	09.02.2010 22:27
как изменить фон изображения до общего фона.	CaSHA	HTML и CSS	5	24.06.2009 11:43

19.08.2012, 17:24	#2
Pavel1_1 Регистрация: 16.08.2012 Сообщений: 5	Сдраствуйте, z-index (неставется отрицательным как у вас) да и зачем прописывать position:absolute, просто создайте отдельный див и внем работайте, а body задайте осные параметры, А насчет растяжки картинки как вы хотите, я тоже сталкивался но немог решить эту проблему.(((

19.08.2012, 20:29	#3
Tony_ Montana Регистрация: 19.08.2012 Сообщений: 5	У меня там вот такая структура: - <body <?php body_class(); ?> > +<div id="header" class="group"> +<div id="wrapper"> вы имеете ввиду создать новый див в файле.php перед хедером? а тогда картинка не займет ли всю страницу? просто когда я пытался в теге боди писать картинка появлялась как-раз по хедером так как и было задумано вот только она не заполняла пространство всей страницы. А тот код и писал в файле custom.css Скажите какие основные параметры надо писать я не понял... спасибо

19.08.2012, 21:03	#4
Pavel1_1 Регистрация: 16.08.2012 Сообщений: 5	Просто как я вас понимаю вы хотите сделать картину как основной фон вашего сайта, просто может я вас неправельно понял но если так то яб прописал так: html{height:100%; width:100%; color:#000; background:#fff;} body{ height:100%; margin:0; padding:0; min-width:1130px; max-width:1800px;} *{margin:0; padding:0;} #container{position:relative; height:100%; width:100%; margin:0 auto;} #container .sten{ ваша картинка и position:absolute; top:..px; left:..p;} <!Doctype HTML> <html> <head> <meta charset='utf-8'> </head> <body> <div id='container'> <div class='sten'> </div> </div> </body> </html> А лудше можно как нибудь посмотреть самому, прост сразу понятно станет