Наложение картинки/флэшки поверх фона

голоса: 0

Доброго времени суток. Столкнулся с такой проблемой. 

Нужно на шапку наложить флешку. До наложения сайт выглядит так:

Что делаю? 

1) в CSS прописываю 

.shapka{ position:absolute; margin:0 0 0 350px;}

2) создаю глобальный блок

$GLOBAL_SHAPKA$

 <div class="shapka"><p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="250" width="400"><param name="allowFullScreen" value="true" /><param name="quality" value="high" /><param name="movie" value="/arh.swf" /><embed allowfullscreen="true" height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="/arh.swf" type="application/x-shockwave-flash" width="400"></embed></object></p>
</div> 

3) Вставляю $GLOBAL_SHAPKA$ в страницы сайта сразу после <body>

4) Выходит: 

Должно выйти: 

PS: Раньше делал подобную процедуру достаточно много раз, и всегда было все отлично. Может что изменилось? (Около года не занимался сайтами), может где допустил ошибку или что делаю не так? 

Буду признателен за помощь 

Адрес сайта http://123fsdf.ucoz.net/
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

Добавить нужно было не перед телом шапки, а внутри:

<div id="header"> здесь<div style="display:none;"></div>

| Автор:
Выбор ответа лучшим | | Автор: дмитрий #19

Да, тут я немного ступил, уже немного лучше, и не портит сам дизайн. Но всеравно становится не туда. Через CSS загнать ее выше не получается. Уползло под меню 

дмитрий #19,

Хотя немного не так, ставим прямо перед <div id="header"> сохраняем, далее, вместо стилей:

.shapka{ position:absolute; margin:0 0 0 350px;} 

пишем:

.shapka { margin: 0 auto; display: table; }

далее в стилях ищем:

#header{
    width:1078px;
    padding-top: 287px;
    margin:0 auto;
}

удаляем выделенное.

Yuri_Geruk,
Спасибо, огромное!
...