✔ swf in html + div positionierung = zeilenumbrüche

[daheadcracker]

hi leute ...

mein problem besteht darin, dass ich eine swf in meine html seite einbauen will und diesen flash film mit einem div container positionieren will.
der tag erzeugt aber troz "display:inline" oder "float:left" zeilenumbrüche!

warum steht der div tag in der tabelle der den content beinhaltet und ist mit relative positioniert?
- weil sich der container bei fenster verkleinerung mit verschieben soll, bis die tabelle links am fenster anliegt. also quasi an das align="center" der tabelle gebunden sein soll...

(film wurde mit dreamweaver eingebunden...)

...

<div align="center">
<table id="Tabelle_01" width="937" height="624" border="0" cellpadding="0" cellspacing="0">
	<tr>
	  <td colspan="3" height="50">&nbsp;</td>
    </tr>
	<tr>
	  <td colspan="3">
	  <img src="Bilder/frameset_hg_01.gif" width="937" height="105" alt=""></td>
	</tr>
	<tr>
		<td background="Bilder/frameset_hg_02.gif" width="27" height="571"></td>
		<td width="883" valign="top" background="Bilder/frameset_hg_03.gif" align="left">


<div style="display:inline;position:relative;top:200px;left:300px;" UNSELECTABLE="on">

  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','255','height','52','src','mp3_player/mp3Player_v3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','mp3_player/mp3Player_v3' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="255" height="52">
    <param name="movie" value="mp3_player/mp3Player_v3.swf" />
    <param name="quality" value="high" />
    <embed src="mp3_player/mp3Player_v3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="255" height="52"></embed>
  </object></noscript>

</div>


</td>
		<td background="Bilder/frameset_hg_04.gif" width="27" height="571"></td>
	</tr>
	<tr>
	  <td colspan="3">
	  <img src="Bilder/frameset_hg_05.gif" width="937" height="47" alt=""></td>
	</tr>
	<tr>
	  <td colspan="3" height="50">&nbsp;</td>
    </tr>
</table>

...

hab mich tot gegooglet und nix gefunden ... wenn ihr nicht direkt eine antwort habt könnt ihr ja auch "suchbegrifftips" geben ... vielleicht hab ich was ausgelassen.

danke schonmal für eure mühe. (falls es eine ist)
mfg

 

[Maik]

Hi,

gibt es evtl. eine Online-Version der Problemseite, um sich das mal direkt anschauen zu können?

Und bitte beachte die Netiquette bzgl. deiner durchgehenden Kleinschreibung. Vielen Dank.

 

[daheadcracker]

Ja gibt es...
http://universe-musik.de/universe_v3/main.php

 

[Maik]

Einen "Zeilenumbruch" kann ich dort nicht entdecken, dafür aber eine Lücke zwischen diesen beiden DIVs:

<div style="display:inline;float:right;position:relative;top:200px;left:50px;" UNSELECTABLE="on">

  <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','255','height','52','src','mp3_player/mp3Player_v3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','mp3_player/mp3Player_v3' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="255" height="52">
    <param name="movie" value="mp3_player/mp3Player_v3.swf" />
    <param name="quality" value="high" />
    <embed src="mp3_player/mp3Player_v3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="255" height="52"></embed>
  </object></noscript>
</div>
<div style="display:inline;float:right;position:relative;top:290px;left:300px;" UNSELECTABLE="on">
<img src="Bilder/sidebar.gif">
</div>

die sich durch die top:290px-Deklaration für das zweite DIV ergibt, obwohl das vorangestellte Flash-File bei top:200px positioniert, aber nur 52 Pixel hoch ist, und sich somit eine Lücke von 38 Pixel zwischen den beiden Elementen ergibt.

 

[daheadcracker]

Diese Lücke zwischen den beiden sidebars ist durchaus gewollt ...
Was nicht gewollt ist, ist die Lücke die sich von Zellenanfang bis zum Beginn des contents ergibt.
(Zum Verständnis: Setze ich die div tags hinter den content, ergibt sich die Lücke logischerweise dort ...)
Und genau diese Lücke die durch den "Flashfilm div tag" hervogerufen wird möchte ich weg haben...

Oder hab ich dich falsch verstanden?

 

[Maik]

Versuch es mal auf diese Weise:

<td width="883" valign="top" background="Bilder/frameset_hg_03.gif" align="left">
    <div style="float:left;">HOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOMEHOME</div>
    <div style="float:right;">
         <div style="position:relative;top:200px;left:50px;" UNSELECTABLE="on">
              <script type="text/javascript">
                      AC_FL_RunContent(                      'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','255','height','52','src','mp3_player/mp3Player_v3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','mp3_player/mp3Player_v3' ); //end AC code
              </script>
              <noscript>
                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="255" height="52">
                        <param name="movie" value="mp3_player/mp3Player_v3.swf" />
                        <param name="quality" value="high" />
                        <embed src="mp3_player/mp3Player_v3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="255" height="52">
                        </embed>
                        </object>
              </noscript>
         </div>
         <div style="position:relative;top:252px;left:50px;" UNSELECTABLE="on">
              <img src="Bilder/sidebar.gif">
         </div>
         <div style="position:relative;top:120px;left:70px;">GIGSGIGSGIGSGIGSGIGSGIGS</div>
    </div>
</td>

 

[daheadcracker]

Funktioniert ... 1a

Danke

Check: Also die positionsdivs mit float:right verschachteln + content in container...

 

[Maik]

Roger! ;-)