|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
19.08.2012, 16:33 | #1 |
Регистрация: 19.08.2012
Сообщений: 5
|
Установка изображения фона сайта
Заранее прощу прощения, уверен эта тема уже поднималась. Но все таки помогите раз и навсегда разобрать как правильно устанавливать background так чтобы в разных браузерах, на разных мониторах картинка всегда одинаково была выровнена по краям и увеличивалась и уменьшалась бы в зависимости от разрешения... Пробовал самостоятельно это сделать как то так:
body{background: #000 url(main.png) no-repeat; width=100%; height=100%; position: absolute; z-index: -1000; } пробовал еще в html писать через стиль ничего не выходит, картинка появляется либо в своем размере либо не появляется вообще. Помогите пожалуйста, объясните как это правильно надо делать |
19.08.2012, 17:24 | #2 |
Регистрация: 16.08.2012
Сообщений: 5
|
Сдраствуйте, z-index (неставется отрицательным как у вас) да и зачем прописывать position:absolute, просто создайте отдельный див и внем работайте, а body задайте осные параметры,
А насчет растяжки картинки как вы хотите, я тоже сталкивался но немог решить эту проблему.((( |
19.08.2012, 20:29 | #3 |
Регистрация: 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 |
Регистрация: 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> А лудше можно как нибудь посмотреть самому, прост сразу понятно станет |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Разработка СОФТ-ФОНА для сайта | 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 |