Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Почему фон растягивается и не помещается ? 
:(
    Опции темы
Talk
Дата 23.1.2008, 16:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 25
Регистрация: 26.11.2007

Репутация: нет
Всего: нет



Почему-то не в первый раз сталкиваюсь - при использовании для фона картинки шириной 1024 даже при разрешении 1024 на 768 фон непонятным образом растягивается, не помещается... Может я что-то не так делаю? Другого размера картинку надо брать?smile 
Код

#head {  
 background-image: url(img/hat.gif);
 background-repeat:no-repeat;
 height: 316px;
width:100%; или width:1024px; - не помогает
}

PM MAIL   Вверх
SamDark
Дата 23.1.2008, 17:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый кот
***


Профиль
Группа: Участник
Сообщений: 1424
Регистрация: 25.7.2006
Где: Voronezh

Репутация: 6
Всего: 38



Talk
Есть возможность выложить где-нибудь страничку?


--------------------
rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены
PM MAIL WWW GTalk Jabber MSN   Вверх
Talk
Дата 23.1.2008, 17:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 25
Регистрация: 26.11.2007

Репутация: нет
Всего: нет



Да, http://service-galaktika.ru/at/main.html.
Только не ругайте, там еще много проблем, пробую вот, учуся smile 
PM MAIL   Вверх
SamDark
Дата 23.1.2008, 17:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый кот
***


Профиль
Группа: Участник
Сообщений: 1424
Регистрация: 25.7.2006
Где: Voronezh

Репутация: 6
Всего: 38



Talk
Так... а в чём проблема? Как должно быть?

p.s. ширина окна браузера не 1024px ;)

Это сообщение отредактировал(а) SamDark - 23.1.2008, 17:56


--------------------
rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены
PM MAIL WWW GTalk Jabber MSN   Вверх
Talk
Дата 23.1.2008, 18:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 25
Регистрация: 26.11.2007

Репутация: нет
Всего: нет



М... Спасибо большое, SamDark, только я не знаю какой ширины тогда брать эти рисунки, подскажите пожалуйста...
PM MAIL   Вверх
SamDark
Дата 23.1.2008, 18:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый кот
***


Профиль
Группа: Участник
Сообщений: 1424
Регистрация: 25.7.2006
Где: Voronezh

Репутация: 6
Всего: 38



Talk
Ширину рисунка подогнать не выйдет.

Для нижней картинки можно попробовать repeat-x. Для верхней - взять пару пикселей справа по ширине и также точно растянуть.


--------------------
rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены
PM MAIL WWW GTalk Jabber MSN   Вверх
Talk
Дата 23.1.2008, 18:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 25
Регистрация: 26.11.2007

Репутация: нет
Всего: нет



м... в смысле растянуть?

Добавлено @ 18:26
А вот еще - впервые использую слои и на этой же странице под меню пытаюсь по оси у повторить этот рисунок градиенты, но он (по правилам видимо) заканчивает повторять, как только пункты меню заканчиваются, как же этого избежать? Чтобы они одинаковыми по длине были? 

Это сообщение отредактировал(а) Talk - 23.1.2008, 18:27
PM MAIL   Вверх
SamDark
Дата 23.1.2008, 19:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый кот
***


Профиль
Группа: Участник
Сообщений: 1424
Регистрация: 25.7.2006
Где: Voronezh

Репутация: 6
Всего: 38



Talk
В смысле repeat-x.

По п.2: тут http://cssing.org.ua/2004/09/10/flex-faux/


--------------------
rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены
PM MAIL WWW GTalk Jabber MSN   Вверх
SelenIT
Дата 23.1.2008, 19:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Я бы применял фон for_menu.gif для более общего контейнера, напр. #body. Ведь, по сути, это не сколько фон меню, сколько фон левого края страницы...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Talk
Дата 26.1.2008, 10:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 25
Регистрация: 26.11.2007

Репутация: нет
Всего: нет



Спасибо большое всем!
А как вы делаете в таком случае фон, по крайней мере шапку что "резиново" было? справа вырезаете рисунок  и позиционируете к правому краю, а фон для шапки повторяете? Как предпочтительнее, поделитесь... smile 
PM MAIL   Вверх
SamDark
Дата 28.1.2008, 14:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Добрый кот
***


Профиль
Группа: Участник
Сообщений: 1424
Регистрация: 25.7.2006
Где: Voronezh

Репутация: 6
Всего: 38



Talk
Код

<div id="header">
  <div></div>
</div>


Код

#header {
   background: url('background') repeat-x;
}

#header div {
   background: url('logo') no-repeat;  
}



--------------------
rmcreative.ru — Это жжж неспроста...
yiiframework.ru — О фреймворке Yii на русском.
reggi — здесь я регистрирую домены
PM MAIL WWW GTalk Jabber MSN   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1230 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.