изображение по центру экрана

0 Сообщения: 2 Зарегистрирован: 30.04.10

Как сверстать страницу, чтобы изображение (например png-файл) всегда находилось по центру экрана
(в центре по вертикали и в центре по горизонтали). Все это разумеется в разных браузерах должно выглядеть
одинаково хорошо(посередине). Буду очень признателен за ответ ибо перерыл тонны гугла на эту тему и ничего
разумного не нашел.

ну например для боди указать background с position:center 50%

а гуглили вы плохо

0 Сообщения: 2 Зарегистрирован: 30.04.10

чтобы уточнить суть вещей, скажу что я не верстальщик, у меня ни 1 из вариантов по ссылкам из гугла по этому запросу не работает как надо. Можно пример кода страницы для картинки pic.jpg?

вы не сказали, какую функцию выполняет картинка на верстаемой странице и почему не-верстальщика интересует узкоспециальный вопрос?

Код:

<style>
body {
/* background: url(pic.jpg) 50% 50% no-repeat #fff; */
background-image: url(pic.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #ffffff;
}
</style>

0 Сообщения: 2 Зарегистрирован: 23.07.10

А еще с PNG файлами шутки очень плохи, особенно если используется прозрачность! Более чем уверен что файл у Вас с прозрачностью )))
следовательно для чудного браузера INTERNET Explorer 6 версии нужно прописать в css чудный фильтр, да и работает он через пень колоду , поэтому лучшее решение использовать gif оно меньше весит а прозрачность задать так

Код:

background-image: url(images/1.gif);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;

, хотя все зависит что на картинке. ну это я так на всяк случай а то заикнулись про PNG )))

15 Сообщения: 2134 Зарегистрирован: 26.09.06

strangerweb писал(а):

хотя все зависит что на картинке

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

Цитата:

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

Ну почему же:

Код:

.left_boob {
float: left;
}
right_boob {
float:right;
}

Podveg Razvedcheka, не видать тебе правой сиськи :lol:

karamba, а ты глазастый :laugh:

15 Сообщения: 2134 Зарегистрирован: 26.09.06

Podveg Razvedcheka, а почему "boob"?, я бы выбрал тег "tit" :smirk:

15 Сообщения: 2134 Зарегистрирован: 26.09.06

karamba писал(а):

Podveg Razvedcheka, не видать тебе правой сиськи :lol:

они там пробел не поставили? вот надож, из-за пробела не видать правой...
чесна сказать, нифига не разбираюсь в программировании и кодировании. но точно знаю - пропустил "пробел", либо ";" либо "}", либо еще чего, не важно что именно - это тебе не полиграфия, работать вообще не будет (а на листовке и не заметит никто, кроме начальства)

UnDre. там точки нет перед right_boob, а должно быть .right_boob. Tits только во множественном числе титьки, а в единственном синица, лошаденка, девка. :genius:

15 Сообщения: 2134 Зарегистрирован: 26.09.06

я как-то правил код в АС-2. презентация на флэш для супер-мега-придирчивого зака, который втюхивает итальянские кухни русским миллионерам. это жесть я вам скажу. не разбираясь в акшн-скрипте чето-там править. я чуть с ума не сошел. но все довольны. я справился. респект мне и уважуха. (ну а если не я, то кто... так что вот. сам себе респект, сам себе уважуха. никтож не поверит. да я уже сам не верю, что способен на такое.)

DeДверь
Логин:
Пароль:
	Автологин