Jak osadzić obiekt flash w pliku xhtml?

**Posty:** 433 · przez **Pawsonek** 06 Mar 2011, 16:11

Witam serdecznie,
podczas tworzenia strony pojawił mi się dosyć dziwny problem. Mam banner flash, który chcę osadzić w lewym górnym rogu strony i wszystko pod przeglądarkami jest okey tylko pod jedną jest źle, a jest nią IE8. Pod IE wyświetla się ten baner w lewym górnym rogu nachodząc na zamieszczone po tej stronie logo.
Proszę o pomoc dlaczego tak się dzieje, że pod innymi wyświetlane jest prawidłowo, zaś pod IE źle.

**Posty:** 797 · przez **Haczyk** 07 Mar 2011, 08:29

skoro nie podałeś kodu, jakiegoś użyłeś do osadzenia flasha, to strzelam - może to Ci zadziała

Kod: Zaznacz wszystko: <object > <param name="wmode" value="opaque"> <embed wmode="opaque"> </object>

**Posty:** 433 · przez **Pawsonek** 07 Mar 2011, 15:35

sorry, zapomniałem

Kod: Zaznacz wszystko: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta name="description" content="kluczowe" /> <meta name="keywords" content="Słowa kluczowe" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="pl" /> <title>tytul</title> <link rel="stylesheet" href="css/screen.css" media="screen" type="text/css" /> <script type="text/javascript" src="js/jquery/jquery-1.3.1.min.js"></script> <script type="text/javascript" src="js/script.js"></script> </head> <body> <div id="header"> <div class="content"> <h1><a href="/">Design klasy biznes</a></h1> <flags> <div id="flashContent"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="650" height="80" id="reklama" align="middle"> <param name="movie" value="reklama.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" />  <object type="application/x-shockwave-flash" data="reklama.swf" width="650" height="80" > <param name="movie" value="reklama.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="play" value="true" /> <param name="loop" value="true" /> <param name="wmode" value="window" /> <param name="scale" value="showall" /> <param name="menu" value="true" /> <param name="devicefont" value="false" /> <param name="salign" value="" /> <param name="allowScriptAccess" value="sameDomain" />  <a href="http://www.adobe.com/go/getflash"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Pobierz odtwarzacz Adobe Flash Player" /> </a>  </object>  </object> </div> </flags> ..... ciąg dalszy kodu strony

Dodano 07.03.2011 20:40:08:
gdzie mam ten kod wrzucić co podałeś? jak go zastosować?

**Posty:** 797 · przez **Haczyk** 09 Mar 2011, 16:38

Pawsonek napisał(a): <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="650" height="80" id="reklama" align="middle">
<param name="movie" value="reklama.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
</object>

już zastosowałeś ten kod - przyjrzyj się tagom.

Ale wracając do problemu - nie wrzuciłeś stylu css. Widzę, że cały flash znajduje się w obiekcie id="flashContent"

p.s. pytanie z ciekawości - waliduje Ci się ta strona prawidłowo ?
p.s.2 piszesz stronę w xhtml bo ... ?

**Posty:** 433 · przez **Pawsonek** 10 Mar 2011, 23:31

Kod: Zaznacz wszystko: /* reset marginesĂłw oraz dopeĹ‚nieĹ„ */ html, body, ul, li { margin: 0; padding: 0;} /* reset wysokoĹ›ci linii i fontu */ h1, h2, ul, li, p { margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;} /* ustawienia globalne */ body { font: 0.625em/1.5em tahoma, verdana, arial, sans-serif; background-color: #f3f3f3;} /* szerokoĹ›Ä‡ strony */ .content {width: 990px;} /* resetowanie ramek obrazkĂłw */ a img {border: none;} /* header */ #header { position: relative; height: 166px; border-bottom: 1px solid #fff; background: #fff url(../images/header-tl.jpg) no-repeat; } #header h1 { position: absolute; top: 1px; left: 45px; overflow: hidden; } #header h1 a { display: block; width: 381px; height: 163px; background: url(../images/logo.png) no-repeat; text-indent: -666em; } #header ul { overflow: hidden; position: absolute; bottom: 0; left: 450px; list-style: none; } #header ul li { float: left; margin-right: 1px; background: url(../images/menu-left.gif) top left no-repeat; } #header ul li a { display: block; padding: 1px 26px 1px; color: #ffffff; font: bold 1.1em tahoma, verdana, arial, sans-serif; text-decoration: none; background: url(../images/menu-right.gif) top right no-repeat; } #header flags { background: url(../images/reklama.swf) top right no-repeat; width: 650px; height: 80px; float: right; margin-right: -250px; margin-top: 15px; } dalsza czesc kodu...

...piszę, bo się uczę dlatego pytam. nie wiem bo nie sprawdzałem walidacji, robie na razie dla siebie.
Co do kodu, właśnie się zastanawiałem dlaczego jest to samo. Czyli to było dobrze.

edit:
Już wiem co jest źle, zamiast #header flags musi być #flags i działa