| |
|
|
| | Доброе утро, товарищи!
Наткнулся я на один интересный сайтик, который привлек мое внимание своим необычным дизайном... http://ringvemedia.com
Фоновые картинки растягиваются на весь экран, реализовано в общем-то все правильно, если б не одно но... в опере снизу появляется белая область...
Может, кто делал подобное? Поделитесь опытом, как лучше реализовать такую фишку, как растягивающееся изображение на весь экран... причем растяжение должно быть пропорциональным... чтоб не было растяжения по одной из осей...
я так понимаю, что при растяжении на высокие разрешения часть изображения будет скрыта...
в общем, помогите советом, ребят )) спасибо! | |
| |
|
|
| |
|
|
| |
для: [ANTI]CheateR
(28.07.2010 в 09:39)
| | | Мне показалось что оно не растягивается, а центрируется. Это через CSS можно сделать. | |
| |
|
|
| |
|
|
| |
для: AlexShag
(28.07.2010 в 15:41)
| | | а скачивал фоновую картинку, сравнивал... там в img через style в зависимости от разрешения меняется width и height
а что насчет центрирования? картинку по центру... а фон залить сходным цветом, чтоб сливалось с картинкой? | |
| |
|
|
| |
|
|
| |
для: [ANTI]CheateR
(28.07.2010 в 15:47)
| | |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>background-position</title>
<style type="text/css">
BODY {
background-image: url('mybg.gif'); /* Путь к фоновому рисунку */
background-position: center center; /* Положение фона */
background-repeat: no-repeat; /* Отменяем повторение фона */
}
</style>
</head>
<body>
<p>...</p>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: [ANTI]CheateR
(28.07.2010 в 09:39)
| | | Изображение не фоновое, а в таблицу вставлено и постоянный размер имеет, а вот родительский, для таблицы, DIV меняет размер, и под него картинка. Справа она обрезается. | |
| |
|
|
