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

HTML+CSS+JavaScript

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

 

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

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

тема: блок div с фоном обрезается
 
 автор: technic611   (24.12.2012 в 23:40)   письмо автору
307 Кб
 
 

В блоке div фон с разрешением 1920px. стоит позиционирование 50% 50%. так вот больших расширениях экрана все нормально, а при маленьких блок div режится и справа поялвется белый фон, т.е. на экране допустим мобильника смотрится ужасно. Пробовал тестировать с другими сайтами ,так же. проблема начинается где то с расширения 1000px.

  Ответить  
 
 автор: confirm   (25.12.2012 в 01:46)   письмо автору
 
   для: technic611   (24.12.2012 в 23:40)
 

В CSS3 это можно решить с помощью background-size.

  Ответить  
 
 автор: technic611   (25.12.2012 в 12:16)   письмо автору
 
   для: confirm   (25.12.2012 в 01:46)
 

не работает.

  Ответить  
 
 автор: confirm   (25.12.2012 в 12:28)   письмо автору
 
   для: technic611   (25.12.2012 в 12:16)
 

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

  Ответить  
 
 автор: technic611   (25.12.2012 в 13:41)   письмо автору
 
   для: confirm   (25.12.2012 в 12:28)
 

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

  Ответить  
 
 автор: confirm   (25.12.2012 в 14:54)   письмо автору
 
   для: technic611   (25.12.2012 в 13:41)
 

Для изображения делается так:

img {max-width: 100%; height: auto}

max-width: 100% сжимает изображения, основываясь на ширине родительского блока. Если эта ширина больше ширины изображения, то масштаб не меняется.
height: auto (обычно по умолчанию) сохраняет пропорции изображений.

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

  Ответить  
 
 автор: technic611   (25.12.2012 в 18:01)   письмо автору
 
   для: confirm   (25.12.2012 в 14:54)
 

вы видимо плохо читали мой пост, для чего мне сss3 если его не все браузеры поддерживают

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

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