| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Эластичная верстка |
| Автор: DimaSiK 27.2.2011, 20:11 |
| Есть макет - смотреть в прикрепленном файле. В черных блока находятся изображения размером 200x200. Так вот данный макет так как надо смотрится при разрешении 1280x800, когда же я открыл его при разрешении 1900x1080 естественно появилось пустое место слева, справа, снизу. Вопрос состоит в том, как сделать так, чтобы сайт при больших разрешениях масштабировался до нужных размеров. Необязательно занимать все простарнство. Нужно небольшое масштабирование, к примеру, масштабирование черных блоков(изображений) с 200x200 до 300x300. Пробовал перенести размеры изображений с px в % но получается сущая чушь. Естественно проблема решаем и состоит в отсутствии знаний. Подскажите в каком направлении нужно смотреть или дайте примерю |
| Автор: LeD4eG 27.2.2011, 20:30 |
| возможно плавающая вёрстка тебе действительно поможет. пустые полосы появляются, потому что Вы, при создании страницы, указываете её высоту и ширину. на другом разрешении под страницу выделяется другое количество пикселей по горизонтали и вертикали. если Вы весь макет переведёте на %, для элементов будете использовать метод раздвижных дверей, то, может и пропадёт эта проблема. а с изображениями будет ситуация следующая. изображения будут масштабироваться под новую, доступную под отображение, область. однако, это может привести к потере качества. поэтому логичнее считаю, чтобы макет занимал лучше 100% высоты отображения окна, но область контента оставалась фиксированной (по горизонтали пустые области пусть уходят в поля). но это только моё мнение. |
| Автор: DimaSiK 27.2.2011, 20:36 |
| Я просто совсем не представляю как манипулировать процентами а не пикселями. К примеру, был размер 200x200 а теперь как? Как в процентах делать margin, padding и так далее? |
| Автор: LeD4eG 27.2.2011, 20:48 |
| DimaSiK, рассчитывать всё это надо. поэтому я и предложил в конце использовать совокупность плавающего и фиксированного методов. то есть, чтобы высота отображения динамически менялась в зависимости от области отображения, а поля слева и справа были auto (то есть центрировали содержимое страницы). и тогда лишняя область по горизонтали будет уходить в поля слева и справа. |