Video verscheibt sich bei verschiedenen Browsergrößen

[mOjO]

Hallo allerseits,

vielleicht könnt ihr das Poblem schnell lösen.

in einer Auflösung von 1024x768 sieht alles wunderbar aus, wird die Anzeige aber größer oder vor allem auf einem Widescreen monitor dargestellt verruscht das Video arg nach links.

Hier einmal der Quellcode:

  
<center>  
  
<img src="images/background.jpg">  
  
<div style="position:absolute; border:1px solid #888; top:260px; left:275px; z-index:2;>  
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="Object1" align="middle" width="350" height="280">  
<param name="movie" value="SVL_Openair_Animation.swf" />  
<param name="menu" value="false" />  
<param name="quality" value="high" />  
<param name="bgcolor" value="#FFFFFF" />  
<embed src="images/SVL_Openair_Animation.swf" menu="false" quality="high" bgcolor="#FFFFFF" width="350" height="280" name="player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />  
</object>  
</div>  
  
<a href="index.php"><img src="images/weiterleitung.jpg"></a>  
  
</center>  

Das Bild sieht dann ungefähr so aus auf 1024x768.
Kann ich das Video an der "Background.jpg" fixieren?

[Matthias Apsel]

Om nah hoo pez nyeetz, mOjO!

Blockelemente können durch bestimmte Angaben zu ihrem Außenabstand zentriert werden.

Matthias

[mOjO]

Hi Matthias,

wie würde das mit margin aussehen, wenn ich das video an das "background.jpg" oder "weiterleitung.jpg" ausrichten möchte?

[Der Martin]

Hallo,

vielleicht könnt ihr das Poblem schnell lösen.

nein, denn das sitzt recht tief.

in einer Auflösung von 1024x768 ...

Die Auflösung ist völlig irrelevant - wenn überhaupt, ist eventuell die Größe des Browserfensters von Bedeutung.

wird die Anzeige aber größer oder vor allem auf einem Widescreen monitor dargestellt verruscht das Video arg nach links.

<center>

Aus dem Museum? Das center-Element gilt schon lange als veraltet und missbilligt. Nutze konsequent CSS für Darstellungsaspekte.

<img src="images/background.jpg">

Diese Zeile ist ein Widerspruch in sich: Wenn das Bild ein Hintergrund sein soll, warum ist es dann ein img-Element (also Inhalt) und kein Hintergrund? Und selbst wenn es ein img-Element sein soll, dann fehlt das alt-Attribut.

<div style="position:absolute; border:1px solid #888; top:260px; left:275px; z-index:2;>

Du weißt, woran sich die top- und left-Koordinaten orientieren?
Vermutlich nicht. Sie orientieren sich am nächsthöheren, positionierten Vorfahrenelement. Da du wahrscheinlich kein weiteres positioniertes Element hast, orientieren sie sich am Browserfenster. Der div-Container ist also fest im Verhältnis zur linken oberen Fensterecke, während sich das sogenannte Hintergrundbild mit der Fensterbreite verschiebt, weil du es zentrierst.

<a href="index.php"><img src="images/weiterleitung.jpg"></a>

Auch hier fehlt wieder das alt-Attribut für das img-Element.

Kann ich das Video an der "Background.jpg" fixieren?

Warum gibst du das Bild nicht einfach dem div-Element als Hintergrund?

Ciao,
 Martin

[mOjO]

hi Martin,

danke erstemal für dei ausführliche antwort.

wenn ich das img ebenfalls in den container packe, wird es nicht mehr angezeigt.

könntest du mir kurz beispielhaft zeigen, wie ich das orientieren könnte, da ich momentan noch nicht so viel mit css geabreitet habe, dass ich so die beiden sachen fixieren kann.

Das video soll sich immer "nur" an einer bestimmten position immer wieder auf dem bild befinden.

thx für deine Hilfe

[Der Martin]

Hallo,

wenn ich das img ebenfalls in den container packe, wird es nicht mehr angezeigt.

ich sagte auch, du sollst es dem Container *als Hintergrundbild* geben.

könntest du mir kurz beispielhaft zeigen, wie ich das orientieren könnte, da ich momentan noch nicht so viel mit css geabreitet habe, dass ich so die beiden sachen fixieren kann.

Lesefutter.

Ciao,
 Martin

[Gunnar Bittersmann]

@@mOjO:

nuqneH

<div style="position:absolute; border:1px solid #888; top:260px; left:275px; z-index:2;>

▲
Auf den Syntaxfehler sollte dich der Validator schon aufmerksam gemacht haben.

Außerdem sollten Darstellungsangaben immer im Stylesheet stehen, nicht inline in @style-Attributen.

Qapla'

[mOjO]

Hi ich habe es so gemacht, dass ich alles in eine tabelle gefügt habe.
Gibt es nun die Möglichkeit , dass "absolute" abhängig bon 0,0 der tabelle einzustellen. Somit würde das video immer auf dem gleichen punkt in der table bleiben.

Bitte um Hilfe.

<center>  
<table width="905" border="0" cellpadding="0" cellspacing="0" align="center">  
  
<img src="images/background.jpg">  
  
<div style="position:absolute; border:1px solid #888; top:260px; left:275px; z-index:2;">  
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" id="Object1" align="middle" width="350" height="280">  
<param name="movie" value="SVL_Openair_Animation.swf" />  
<param name="menu" value="false" />  
<param name="quality" value="high" />  
<param name="bgcolor" value="#FFFFFF" />  
<embed src="images/SVL_Openair_Animation.swf" menu="false" quality="high" bgcolor="#FFFFFF" width="350" height="280" name="player" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />  
</object>  
</div>  
  
<a href="index.php"><img src="images/weiterleitung.jpg"></a>  
  
</table>  
</center>  

[Gunnar Bittersmann]

@@mOjO:

nuqneH

Hi ich habe es so gemacht, dass ich alles in eine tabelle gefügt habe.

Das ist allergrößter Unfug.

Im Übrigen hab ich dich auch schon auf den Validator hingewiesen.

Qapla'

[Der Martin]

Hallo,

Das ist allergrößter Unfug.

das ist noch milde ausgedrückt. ;-)

Im Übrigen hab ich dich auch schon auf den Validator hingewiesen.

Ja. Und der würde beim derzeitigen Entwurf nicht nur fehlende Anführungszeichen und alt-Attribute bemängeln, sondern auch noch ein table-Element ohne tbody (in HTML optional, einverstanden), tr und td - also völlig defektes HTML.

Und den Unterschied zwischen einem img-Element und einem Hintergrundbild hat mOjO offenbar immer noch nicht verstanden.
*sigh* Ich geb's auf.

So long,
 Martin