Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Фон и разрешение экрана
 
 автор: Saveliy   (15.09.2008 в 15:10)   письмо автору
 
 

Здравствуйте.

Подскажите как можно сделать следущее:
Есть фоновая картинка , размером 1600px х 900px.
Мне нужно ее вставить в фон сайта , и так чтобы например при разрешении 1024х768 показывалась только центральная часть этой картинки, слева и справа по 300px не показывалось, так же не показывался бы скроллинг по горизонтали.
При увеличении разрешения картинка фоновая открывалась бы больше, к примеру на 1280px по ширине, фоновая картинка закрыаласбы по сторонам уже приблизительно по 200px, скроллинга бы не было по горизонтали.
ну и при разрешении 1600px по горинтали она бы показывалась полностью.

  Ответить  
 
 автор: ddhvvn   (15.09.2008 в 15:47)   письмо автору
 
   для: Saveliy   (15.09.2008 в 15:10)
 


body {
  background-repeat: no-repeat; // если тянуть надумаете )
  background-position: center center;
  background-image: url('image.jpeg');}

  Ответить  
 
 автор: Madman   (15.09.2008 в 15:57)   письмо автору
 
   для: ddhvvn   (15.09.2008 в 15:47)
 

только лучше вместо background-position: center center; использовать все таки background-position: 50% 50%; избежите проблем в ИЕ и Netscape

Полная запись:
body {
  background: url('image.jpg') no-repeat 50% 50%;
}


Если необходимо можете добавить туда еще и цвет
body {
  background: #ccc url('image.jpg') no-repeat 50% 50%;
}

  Ответить  
 
 автор: ddhvvn   (15.09.2008 в 16:07)   письмо автору
 
   для: Madman   (15.09.2008 в 15:57)
 

нигде (в том числе и в ИЕ) проблем не было...

Netscape - кто здесь? О_о

  Ответить  
 
 автор: Saveliy   (15.09.2008 в 16:08)   письмо автору
 
   для: Madman   (15.09.2008 в 15:57)
 

Спасибо Вам. Вы мне очень сильно помогли ))))

  Ответить  
 
 автор: Saveliy   (15.09.2008 в 16:45)   письмо автору
 
   для: Madman   (15.09.2008 в 15:57)
 

вот что получилось))
http://foto.style-vip.com/detail.php

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования