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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> swf в качестве бэкграунда на 100% страницы, swf в качестве бэкграунда 
:(
    Опции темы
Nau
  Дата 28.9.2007, 11:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Проблема воткнуть флэш так чтобы она прижималась к низу страницы.

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/css/main.css" media="screen" type="text/css" />
<title>Home</title>
</head>
<body>
<div id="main">...</div>
<div id="bot">
<object align="bottom" id="fon" width="100%" height="100%"> 
        <param name="wmode" value="opaque" />
        <embed align="bottom" id="fon" src="/swf/home.swf" wmode="opaque" width="100%" height="100%" />
</object>
</div>
</body>
</html>


с css:

Код

div#main {position: relative; z-index:2;}
div#bot  {position: absolute; bottom:0; right:0;}
div#bot object,div#bot embed{position:fixed; bottom:0; right:0; margin:0; padding:0; border:0;}
div#bot object#fon{z-index:1;}
 

флэшка естественно растягивается на 100% окна браузера, но не страницы, притом только в Опере,Ie7 и фоксе, но никак не в ie6 который fixed вообще не знает, в нём она становится 100% рамки браузера и крепится к верху body,т.е. при скроле вниз исчезает.

Но нужно чтобы флэшка заняла весь body.

Если изменить position:

Код

div#main {position: relative; z-index:2;}
div#bot  {position: absolute; bottom:0; right:0;}
div#bot object,div#bot embed{position:absolute; bottom:0; right:0; margin:0; padding:0; border:0;}
div#bot object#fon{z-index:1;}
 

тогда флэшка исчезает.(видимо процентные значения не действуют)

пробовал и #main делать absolute, а #bot relative, но тоже ничего не вышло.
(минимально хочется добиться, чтобы флэшка хотя бы располагалась в правом нижнем углу body)
PM MAIL WWW   Вверх
Тутанхамец
Дата 28.9.2007, 12:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 612
Регистрация: 10.10.2005
Где: в пирамидЕ!

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



Так на всю страницу или в нижнем правом? Насчет в нижнем правом не знаю, но чтоб в ie6 не прокручивался фон:

Код

<div style="background-attachment: fixed;"></div>



PM MAIL   Вверх
Nau
Дата 28.9.2007, 13:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



на всю не получится из-за свойств object-а: height и width они вычисляются от ширины и высоты окна броузера (
можно javascript-ом в пикселах сделать через screen.width?

если растянится на 100% будет супер, а вообще хватит и фиксированного в правом нижнем углу.(что тоже проблематично, у меня почему-то флэшка продолжает позиционироватся впритык нижней рамки браузера, но никак ни к body)

Это сообщение отредактировал(а) Nau - 28.9.2007, 13:14
PM MAIL WWW   Вверх
Тутанхамец
Дата 28.9.2007, 13:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 612
Регистрация: 10.10.2005
Где: в пирамидЕ!

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



Может его в тэйбл и по центру? Или тэйбл (на 100%) с четырьмя ячейками, каждая из которых height: 25% и width: 25%, и в правую нижнюю забубонить твое swf? Ну можно конечно ячейки брать разного размера. 
PM MAIL   Вверх
WebDisaster
Дата 28.9.2007, 14:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(Nau @  28.9.2007,  13:12 Найти цитируемый пост)
 почему-то флэшка продолжает позиционироватся впритык нижней рамки браузера, но никак ни к body)

Если я правильно понял проблему (что совсем не факт), нужно задать body {position: relative;}. А у Вас позиционирование идёт от html.

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


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


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

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



В дополнение к ответу WebDisasterа (я понял проблему так же): в IE растянуть с помощью top:0; bottom:0; не получится. Единственный известный мне выход - задать высоту через expression(document.body.scrollHeight).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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